add translation keys (#246)

* Fix i18n tsc issue

"t" can return null by default.
This was already disabled in the config, but it had no effect on tsc.

* Fix translation in "DefaultNavBar"

key was missing and since this is a constant the translation wouldn't update in case the language got changed after first load.

* Enable typing for i18n translation keys

* Add translation keys
This commit is contained in:
schroda
2023-03-23 13:59:32 +01:00
committed by GitHub
parent 8c129f2e08
commit d58bd6cd92
56 changed files with 1030 additions and 416 deletions

View File

@@ -7,12 +7,14 @@ import NavbarContext from 'components/context/NavbarContext';
import LoadingPlaceholder from 'components/util/LoadingPlaceholder';
import { useQuery } from 'util/client';
import { IAbout } from 'typings';
import { useTranslation } from 'react-i18next';
export default function About() {
const { t } = useTranslation();
const { setTitle, setAction } = useContext(NavbarContext);
useEffect(() => {
setTitle('About');
setTitle(t('settings.about.title'));
setAction(null);
}, []);
@@ -32,19 +34,22 @@ export default function About() {
return (
<List>
<ListItem>
<ListItemText primary="Server" secondary={`${about.name} ${about.buildType}`} />
<ListItemText
primary={t('settings.about.label.server')}
secondary={`${about.name} ${about.buildType}`}
/>
</ListItem>
<ListItem>
<ListItemText primary="Server version" secondary={version()} />
<ListItemText primary={t('settings.about.label.server_version')} secondary={version()} />
</ListItem>
<ListItem>
<ListItemText primary="Build time" secondary={buildTime()} />
<ListItemText primary={t('settings.about.label.build_time')} secondary={buildTime()} />
</ListItem>
<ListItemLink to={about.github}>
<ListItemText primary="Github" secondary={about.github} />
<ListItemText primary={t('settings.about.label.github')} secondary={about.github} />
</ListItemLink>
<ListItemLink to={about.discord}>
<ListItemText primary="Discord" secondary={about.discord} />
<ListItemText primary={t('settings.about.label.discord')} secondary={about.discord} />
</ListItemLink>
</List>
);