cf5460c5c7
в которой надо дорабоать 1. Исправить ошибки и сделать что бы работала вторая слева вкладка. ТОесть АПИ для сервера я сделал (пока они возвращают весь список сообщений целиком - всем большим списком сообщений в канал - для мвп это устраивает,и по этому только три АПИ функции добавилось) Там какието ошибки на клиенте ( я только сгенерил код - но гдето вылетает) по UI можешь исправлять переделывать - моешь оставить калечное как есть - мне пока не важно. Важно увидить что каналы и сообщения и публичная переписка в каналах блокчейна работает 2. потестировать и сделать корректное завершение сессии (там есть глюки при завершении сесии)
26 lines
991 B
JavaScript
26 lines
991 B
JavaScript
import { resolveToolbarActive } from '../router.js?v=20260403081123';
|
|
|
|
const ITEMS = [
|
|
{ pageId: 'messages-list', label: 'Личные сообщения', icon: '💬' },
|
|
{ pageId: 'channels-list', label: 'Каналы', icon: '📢' },
|
|
{ pageId: 'network-view', label: 'Связи', icon: '🕸' },
|
|
{ pageId: 'notifications-view', label: 'Уведомления', icon: '🔔' },
|
|
{ pageId: 'profile-view', label: 'Профиль', icon: '👤' },
|
|
];
|
|
|
|
export function renderToolbar(currentPageId, navigate) {
|
|
const root = document.createElement('nav');
|
|
root.className = 'toolbar';
|
|
const active = resolveToolbarActive(currentPageId);
|
|
|
|
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>`;
|
|
btn.addEventListener('click', () => navigate(item.pageId));
|
|
root.append(btn);
|
|
});
|
|
|
|
return root;
|
|
}
|