feat(ui): индикатор connected в тулбаре и панель переподключения

2026-04-22 16:53:36 +03:00
parent 29a07a9a8b
commit 0159dd9074
4 changed files with 198 additions and 37 deletions
@@ -15,8 +15,22 @@ export function renderToolbar(currentPageId, navigate) {

  ITEMS.forEach((item) => {
    const btn = document.createElement('button');
-    btn.className = `toolbar-btn${item.pageId === active ? ' active' : ''}`;
-    btn.innerHTML = `<span>${item.icon}</span><span>${item.label}</span>`;
+    const isProfile = item.pageId === 'profile-view';
+    btn.className = `toolbar-btn${item.pageId === active ? ' active' : ''}${isProfile ? ' toolbar-btn-profile' : ''}`;
+    if (isProfile) {
+      btn.innerHTML = `
+        <span>${item.icon}</span>
+        <span class="toolbar-label-wrap">
+          <span>${item.label}</span>
+          <span id="toolbar-connection-indicator" class="toolbar-connection-indicator is-unknown">
+            <span class="toolbar-connection-text">connected</span>
+            <span class="toolbar-connection-dot" aria-hidden="true"></span>
+          </span>
+        </span>
+      `;
+    } else {
+      btn.innerHTML = `<span>${item.icon}</span><span>${item.label}</span>`;
+    }
    btn.addEventListener('click', () => navigate(item.pageId));
    root.append(btn);
  });