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

shine-UI/js/pages/connect-device-view.js

@@ -1,19 +1,17 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import { state } from '../state.js';
 import { loadEncryptedUserSecrets } from '../services/key-vault.js';
 
 export const pageMeta = { id: 'connect-device-view', title: 'Подключить устройство' };
 
-export function render({ navigate }) {
+export function render({navigate, chrome}) {
   const screen = document.createElement('section');
   screen.className = 'stack';
 
-  screen.append(
-    renderHeader({
+  chrome?.setTopbar(createTopBar({
       title: 'Подключить устройство',
-      leftAction: { label: '←', onClick: () => navigate('device-view') },
-    }),
-  );
+      back: { label: '←', onClick: () => navigate('device-view') },
+    }));
 
   const card = document.createElement('div');
   card.className = 'card stack';
@@ -148,6 +146,11 @@ export function render({ navigate }) {
     }
   });
 
-  screen.append(card, helpModal);
+  screen.append(card);
+  const modalRoot = document.getElementById('modal-root');
+  modalRoot?.append(helpModal);
+  screen.cleanup = () => {
+    helpModal.remove();
+  };
   return screen;
 }