Обновить UI профиля и навигации

shine-UI/js/pages/add-channel-view.js

@@ -1,4 +1,4 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import { authService, state } from '../state.js';
 import { toUserMessage } from '../services/ui-error-texts.js';
 import {
@@ -78,16 +78,14 @@ function shortAvatarBlockchainAddress(value) {
   return raw.slice(-24);
 }
 
-export function render({ navigate }) {
+export function render({navigate, chrome}) {
   const screen = document.createElement('section');
   screen.className = 'stack channels-screen channels-screen--add';
 
-  screen.append(
-    renderHeader({
+  chrome?.setTopbar(createTopBar({
       title: 'Создание канала',
-      leftAction: { label: '<', onClick: () => navigate('channels-list') },
-    }),
-  );
+      back: { label: '<', onClick: () => navigate('channels-list') },
+    }));
 
   const form = document.createElement('form');
   form.className = 'card stack';
@@ -97,7 +95,7 @@ export function render({ navigate }) {
       <div class="channel-create-avatar-side">
         <div class="channel-create-avatar-status-row">
           <div class="channel-create-avatar-status" id="channel-avatar-status"></div>
-          <button type="button" class="channel-avatar-remove-btn" id="channel-avatar-remove" title="Убрать аватар" aria-label="Убрать аватар">✕</button>
+          <button type="button" class="ui-button channel-avatar-remove-btn" id="channel-avatar-remove" title="Убрать аватар" aria-label="Убрать аватар">✕</button>
         </div>
         <button type="button" class="secondary-btn" id="channel-avatar-btn">Выбрать аватар</button>
       </div>