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 {
}))}
/>
+
);
}