diff --git a/frontend/src/locale/en/translation.json b/frontend/src/locale/en/translation.json index b1724cf..369cefa 100644 --- a/frontend/src/locale/en/translation.json +++ b/frontend/src/locale/en/translation.json @@ -264,7 +264,9 @@ }, "uiconfig": { "title": "User interface settings", - "language": "Language" + "language": "Language", + "repeat-onboarding": "Repeat onboarding", + "partial-translation": "Partial translation" } }, "form-actions": { diff --git a/frontend/src/ui/pages/UISettingsPage.tsx b/frontend/src/ui/pages/UISettingsPage.tsx index 5ea85dd..a3a10ac 100644 --- a/frontend/src/ui/pages/UISettingsPage.tsx +++ b/frontend/src/ui/pages/UISettingsPage.tsx @@ -2,13 +2,22 @@ import React from 'react'; import { useTranslation } from 'react-i18next'; import { useModule } from '~/lib/react-utils'; import { languages } from '~/locale/languages'; +import { useAppDispatch } from '~/store'; import { modules } from '~/store/api/reducer'; import RadioGroup from '../components/forms/RadioGroup'; -import { Field, Label, PageContainer, PageHeader, PageTitle } from '../theme'; +import { + Button, + Field, + Label, + PageContainer, + PageHeader, + PageTitle, +} from '../theme'; export default function UISettingsPage(): React.ReactElement { const [uiConfig, setUiConfig] = useModule(modules.uiConfig); const [t, i18n] = useTranslation(); + const dispatch = useAppDispatch(); const maxKeys = languages.reduce( (current, it) => Math.max(current, it.keys), @@ -33,7 +42,7 @@ export default function UISettingsPage(): React.ReactElement { {lang.name}{' '} {lang.keys < maxKeys ? ( - Partial translation ( + {t('pages.uiconfig.partial-translation')} ( {((lang.keys / maxKeys) * 100).toFixed(1)}% - {lang.keys}/ {maxKeys}) @@ -43,6 +52,14 @@ export default function UISettingsPage(): React.ReactElement { }))} /> + ); }