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:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user