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

shine-UI/js/pages/remote-addblock-session-view.js

@@ -1,4 +1,4 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import {
   isSessionInvalidError,
   refreshSessions,
@@ -29,16 +29,14 @@ function sessionLabel(session) {
   return `Homeserver ${String(session?.sessionId || '').slice(0, 12)}`;
 }
 
-export function render({ navigate }) {
+export function render({navigate, chrome}) {
   const screen = document.createElement('section');
   screen.className = 'stack';
 
-  screen.append(
-    renderHeader({
+  chrome?.setTopbar(createTopBar({
       title: 'AddBlock через homeserver',
-      leftAction: { label: '←', onClick: () => navigate('settings-view') },
-    }),
-  );
+      back: { label: '←', onClick: () => navigate('settings-view') },
+    }));
 
   const actions = document.createElement('div');
   actions.className = 'card stack';
@@ -69,7 +67,7 @@ export function render({ navigate }) {
     sessions.forEach((session) => {
       const sessionId = String(session?.sessionId || '').trim();
       const item = document.createElement('button');
-      item.className = 'session-item';
+      item.className = 'ui-button session-item';
       item.type = 'button';
       const isSelected = sessionId && sessionId === selectedId;
       item.innerHTML = `