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

shine-UI/js/pages/registration-payment-view.js

@@ -1,4 +1,4 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import {
   authService,
   authorizeSession,
@@ -374,9 +374,9 @@ export function render({ navigate }) {
   card.append(showKeysButton, submitButton, status);
 
   screen.append(
-    renderHeader({
+    createTopBar({
       title: 'Оплата регистрации',
-      leftAction: { label: '←', onClick: () => navigate('register-view') },
+      back: { label: '←', onClick: () => navigate('register-view') },
     }),
     card,
   );
@@ -398,7 +398,7 @@ export function render({ navigate }) {
 function renderSolanaRegistrationStage({ navigate, status, keyBundle, registrationTxId = '' }) {
   const screen = document.querySelector('section.stack');
   if (!screen) return;
-  const headerBackButton = screen.querySelector('.page-header .header-left .icon-btn');
+  const headerBackButton = screen.querySelector('.topbar .topbar__back');
   const card = screen.querySelector('.card.stack');
   if (!card) return;
   card.classList.add('registration-finish-card');
@@ -585,7 +585,7 @@ function renderSolanaRegistrationStage({ navigate, status, keyBundle, registrati
 function renderSolanaDoneStage({ navigate, status, keyBundle, registrationTxId = '' }) {
   const screen = document.querySelector('section.stack');
   if (!screen) return;
-  const headerBackButton = screen.querySelector('.page-header .header-left .icon-btn');
+  const headerBackButton = screen.querySelector('.topbar .topbar__back');
   const card = screen.querySelector('.card.stack');
   if (!card) return;
   card.classList.add('registration-finish-card');