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

shine-UI/js/pages/add-personal-public-chat-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 { normalizeChannelDescription } from '../services/channel-name-rules.js';
@@ -47,16 +47,14 @@ function createDebounced(fn, delayMs = 240) {
   };
 }
 
-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/dialogs') },
-    }),
-  );
+      back: { label: '<', onClick: () => navigate('channels-list/dialogs') },
+    }));
 
   const form = document.createElement('form');
   form.className = 'card stack';
@@ -119,7 +117,7 @@ export function render({ navigate }) {
     rows.slice(0, 8).forEach((login) => {
       const btn = document.createElement('button');
       btn.type = 'button';
-      btn.className = 'channel-search-item';
+      btn.className = 'ui-button channel-search-item';
       btn.textContent = String(login);
       btn.addEventListener('click', () => {
         selectedCanonicalLogin = String(login);