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

shine-UI/js/pages/user-relation-manage-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 { loadRelationsForPair, loadUserProfileCard } from '../services/user-connections.js';
 import { navigateBack } from '../router.js';
@@ -7,11 +7,15 @@ export const pageMeta = { id: 'user-relation-manage-view', title: 'Добави
 
 function effectiveSocial(f) { if (f.outCloseFriend) return 'close_friend'; if (f.outFriend) return 'friend'; if (f.outContact) return 'contact'; return 'none'; }
 
-export function render({ route }) {
+export function render({route, chrome}) {
   const targetLogin = String(route?.params?.login || '').trim(); const selfLogin = String(state.session.login || '').trim();
   const screen = document.createElement('section'); screen.className = 'stack';
   const body = document.createElement('div'); body.className = 'stack'; const status = document.createElement('div'); status.className = 'status-line';
-  screen.append(renderHeader({ title: 'Добавить', leftAction: { label: '←', onClick: () => navigateBack() } }), status, body);
+  chrome?.setTopbar(createTopBar({ title: 'Добавить', back: { label: '←', onClick: () => navigateBack() } }));
+  screen.append(
+    status,
+    body,
+  );
   let flags, selfCard, targetCard;
 
   async function setKind(kind, enabled) { await authService.setUserRelation({ login: selfLogin, toLogin: targetLogin, kind, enabled, storagePwd: state.session.storagePwdInMemory }); }