grendervill
e4ffbb05a5
Бэкенд текстовой связи (AGENT.md 7.6, 7.15, 7.16, 8.6):
- POST/GET/PATCH/DELETE /channels/{id}/messages, ответы и упоминания,
окно правки 24 часа, права автора или MANAGE_MESSAGES;
- реакции (PUT/DELETE .../reactions/{emoji}) с агрегацией и отметкой «моя»;
- закрепления (GET/PUT/DELETE .../pins) под MANAGE_MESSAGES;
- typing с лимитом 1/3 с и адресной рассылкой всем, кроме автора;
- read states: POST /channels/{id}/ack, синхронизация READ_STATE_UPDATE между
устройствами пользователя;
- поиск FTS5 по комнате (10/мин) с экранированием запроса;
- лимиты отправки 5/5 с (burst 10) и slowmode комнаты; администратор инстанса
обходит и то, и другое (AGENT.md 7.19);
- Gateway: DispatchToChannel/DispatchToChannelExcept доставляют события комнат
только тем, кто видит комнату (VIEW_CHANNEL), права считает общий движок;
- store: messages, message_reactions, channel_read_states, files (загрузка
файлов появится вместе с вложениями).
Тесты: жизненный цикл сообщения, видимость скрытой комнаты (404 участнику,
200 админу), slowmode, упоминания и ответы, typing и read state, фильтрация
событий комнаты между двумя WS-клиентами.
49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
import { useTranslation } from 'react-i18next';
|
|
import { NavLink, Outlet } from 'react-router';
|
|
|
|
import { SettingsSuspense } from '@/pages/settings/SettingsSection';
|
|
import { useCurrentUser } from '@/lib/hooks';
|
|
|
|
/**
|
|
* Вкладки настроек аккаунта и инстанса. Живут внутри `/settings/account/*`
|
|
* и выглядят так же, как панель выбора сервера в `/settings/servers/*`.
|
|
*/
|
|
export default function AccountSettingsLayout() {
|
|
const { t } = useTranslation();
|
|
const currentUser = useCurrentUser();
|
|
|
|
const tabs = [
|
|
{ to: 'profile', label: t('settings.tabs.profile') },
|
|
{ to: 'security', label: t('settings.tabs.security') },
|
|
{ to: 'appearance', label: t('settings.tabs.appearance') },
|
|
...(currentUser.data?.is_instance_admin === true
|
|
? [{ to: 'instance', label: t('settings.tabs.instance') }]
|
|
: []),
|
|
];
|
|
|
|
return (
|
|
<>
|
|
<nav aria-label={t('settings.tabs.label')} className="flex flex-wrap gap-2">
|
|
{tabs.map((tab) => (
|
|
<NavLink
|
|
key={tab.to}
|
|
to={tab.to}
|
|
className={({ isActive }) =>
|
|
`rounded-[var(--radius-md)] border px-3 py-1.5 text-sm transition-colors duration-[var(--duration-fast)] ${
|
|
isActive
|
|
? 'border-accent bg-surface-3 text-fg'
|
|
: 'border-border/60 bg-surface-1 text-fg-muted hover:bg-surface-2 hover:text-fg'
|
|
}`
|
|
}
|
|
>
|
|
{tab.label}
|
|
</NavLink>
|
|
))}
|
|
</nav>
|
|
<SettingsSuspense>
|
|
<Outlet />
|
|
</SettingsSuspense>
|
|
</>
|
|
);
|
|
}
|