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

shine-UI/js/pages/server-settings-view.js

@@ -1,4 +1,4 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import { saveEntrySettings, state } from '../state.js';
 import { checkServerAvailabilityByKey, resolveAndCheckShineServerLogin } from '../services/server-health-service.js';
 
@@ -10,7 +10,7 @@ const SERVER_FIELDS = [
   { key: 'arweaveServer', label: 'Адрес сервера Arweave' },
 ];
 
-export function render({ navigate }) {
+export function render({navigate, chrome}) {
   const screen = document.createElement('section');
   screen.className = 'stack';
 
@@ -185,7 +185,7 @@ export function render({ navigate }) {
   actions.append(cancelButton, saveButton);
 
   const help = document.createElement('button');
-  help.className = 'help-fab';
+  help.className = 'ui-button help-fab';
   help.type = 'button';
   help.textContent = '?';
   help.addEventListener('click', () => {
@@ -194,11 +194,11 @@ export function render({ navigate }) {
     );
   });
 
-  screen.append(
-    renderHeader({
+  chrome?.setTopbar(createTopBar({
       title: 'Серверы блокчейнов',
-      leftAction: { label: '←', onClick: () => navigate('settings-view') },
-    }),
+      back: { label: '←', onClick: () => navigate('settings-view') },
+    }));
+  screen.append(
     introCard,
     body,
     actions,