Files
glchat/web/src/router.tsx
T
grendervill 4c8f888b3e feat(web): профиль с аватаром, панель в углу, настройки сервера, скрытые ID
Правки пользователя:

- в «Профиль → Основной» сверху квадратный аватар слева, справа от него
  настройки имени, «О себе», состояния и эмодзи во всю высоту; смена аватара —
  клик по нему, форматы (JPEG, PNG, WebP, GIF до 8 МБ) — в подсказке;
- убраны дубли: часовой пояс только в «Язык и регион», статус — только в
  мини-профиле панели;
- панель пользователя переехала в нижний левый угол под сайдбар, подсказка о
  выходе из сервера — на её прежнее место; панель ужата под 240 px;
- шестерёнка сервера открывает новый пункт настроек «Сервер» (список серверов,
  общее, участники, роли, опасная зона), а «Профиль → Сервер» оставлен только
  для ника и «Применить ко всем серверам»;
- окно настроек получило статический размер 70% рабочей области со скроллом;
- ID пользователей скрыты везде, кроме раздела «Инстанс» у администратора;
- список друзей свёрнут под кнопкой «Друзья (N)» и раскрывается снизу вверх;
- 249 тестов Vitest (было 239), check/lint/test/build зелёные.
2026-09-20 11:24:09 +03:00

96 lines
3.7 KiB
TypeScript

import { createBrowserRouter, Navigate } from 'react-router';
import { AuthGuard } from '@/components/AuthGuard';
import {
AccountSettingsLayout,
AppearanceSettingsPage,
AppLayout,
IndexRedirect,
FriendsPage,
GuildView,
InstanceSettingsPage,
LoginPage,
NoGuildView,
OnboardingPage,
ProfileSettingsPage,
ProfileServerTab,
RegisterPage,
SecuritySettingsPage,
SettingsLayout,
StatusPage,
} from '@/pages/lazyPages';
/** Таблица маршрутов: публичные страницы, защищённые и настройки. */
export const routes = [
{
path: '/',
children: [
{ index: true, element: <IndexRedirect /> },
{ path: 'login', element: <LoginPage /> },
{ path: 'register', element: <RegisterPage /> },
{ path: 'status', element: <StatusPage /> },
{
element: <AuthGuard allowIncompleteOnboarding />,
children: [{ path: 'onboarding', element: <OnboardingPage /> }],
},
{
element: <AuthGuard />,
children: [
{
path: 'app',
element: <AppLayout />,
children: [
{ index: true, element: <Navigate to="empty" replace /> },
{ path: 'empty', element: <NoGuildView /> },
// Раздел друзей: статические сегменты выше динамических,
// поэтому `friends` не перехватывается маршрутом `:guildId`.
{ path: 'friends', element: <FriendsPage /> },
{ path: 'friends/:channelId', element: <FriendsPage /> },
{ path: ':guildId', element: <GuildView /> },
{ path: ':guildId/:channelId', element: <GuildView /> },
],
},
],
},
{
element: <AuthGuard allowIncompleteOnboarding />,
children: [
{
path: 'settings',
element: <SettingsLayout />,
children: [
{ index: true, element: <Navigate to="/settings/account/profile" replace /> },
{
// Настройки аккаунта и инстанса: /settings/account/*
path: 'account',
element: <AccountSettingsLayout />,
children: [
{ index: true, element: <Navigate to="profile" replace /> },
{ path: 'profile', element: <ProfileSettingsPage /> },
{ path: 'security', element: <SecuritySettingsPage /> },
{ path: 'appearance', element: <AppearanceSettingsPage /> },
{ path: 'instance', element: <InstanceSettingsPage /> },
],
},
// Настройки пользовательских серверов: /settings/servers/:guildId
{ path: 'servers', element: <ProfileServerTab /> },
{ path: 'servers/:guildId', element: <ProfileServerTab /> },
// Старые пути Фазы 1: закладки и внешние ссылки продолжают работать.
{ path: 'profile', element: <Navigate to="/settings/account/profile" replace /> },
{ path: 'security', element: <Navigate to="/settings/account/security" replace /> },
{
path: 'appearance',
element: <Navigate to="/settings/account/appearance" replace />,
},
{ path: 'instance', element: <Navigate to="/settings/account/instance" replace /> },
],
},
],
},
{ path: '*', element: <Navigate to="/" replace /> },
],
},
];
export const router = createBrowserRouter(routes);