grendervill
bf0d130ee8
2FA обязательна для инстанс-администраторов, но до её включения вход закрыт — получался замкнутый круг. Добавлены команды обслуживания: - `glchat totp-setup --email <admin>`: создаёт секрет, подтверждает его кодом, печатает секрет, otpauth-ссылку и 8 резервных кодов (каждый одноразовый); - `glchat totp-reset --email <admin>`: удаляет секрет при потере устройства; - код `auth.2fa_enrollment_required` с подсказкой, какую команду выполнить; - установщик: флаг `--admin-2fa` для автоматического включения (по умолчанию печатает подсказку, чтобы секреты не оседали в логах установки). Проверено сквозным прогоном локально: bootstrap → 403 на входе без 2FA → totp-setup → вход с TOTP-кодом → профиль, серверы, комнаты, роли, участники, аудит, создание сервера админом, 429 на шестой попытке входа, секретов в логах нет.
50 lines
1.8 KiB
TypeScript
50 lines
1.8 KiB
TypeScript
import { useTranslation } from 'react-i18next';
|
|
|
|
import { SelectField } from '@/components/ui/Field';
|
|
import { Card } from '@/components/ui/primitives';
|
|
import { supportedLanguages, type SupportedLanguage } from '@/i18n';
|
|
import { useUiStore } from '@/stores/ui';
|
|
|
|
/** Внешний вид: тема и язык. Хранятся локально, без запросов к серверу. */
|
|
export default function AppearanceSettingsPage() {
|
|
const { t, i18n } = useTranslation();
|
|
const theme = useUiStore((state) => state.theme);
|
|
const setTheme = useUiStore((state) => state.setTheme);
|
|
const locale = i18n.resolvedLanguage === 'en' ? 'en' : 'ru';
|
|
|
|
const changeLanguage = (language: SupportedLanguage): void => {
|
|
window.localStorage.setItem('glchat.language', language);
|
|
void i18n.changeLanguage(language);
|
|
};
|
|
|
|
return (
|
|
<Card>
|
|
<h2 className="text-lg font-semibold">{t('settings.appearance.title')}</h2>
|
|
<p className="mt-1 text-sm text-fg-muted">{t('settings.appearance.description')}</p>
|
|
|
|
<div className="mt-4 flex flex-col gap-4">
|
|
<SelectField
|
|
label={t('settings.appearance.theme')}
|
|
hint={t('settings.appearance.themeHint')}
|
|
value={theme}
|
|
onChange={(value) => setTheme(value === 'light' ? 'light' : 'dark')}
|
|
options={[
|
|
{ value: 'dark', label: t('theme.dark') },
|
|
{ value: 'light', label: t('theme.light') },
|
|
]}
|
|
/>
|
|
<SelectField
|
|
label={t('settings.appearance.language')}
|
|
hint={t('settings.appearance.languageHint')}
|
|
value={locale}
|
|
onChange={(value) => changeLanguage(value === 'en' ? 'en' : 'ru')}
|
|
options={supportedLanguages.map((language) => ({
|
|
value: language,
|
|
label: t(`language.${language}`),
|
|
}))}
|
|
/>
|
|
</div>
|
|
</Card>
|
|
);
|
|
}
|