vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-14 20:40:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add localization support (#333)

Browse Source 
* Add updated i18n config and en locale
This commit is contained in:
Jeff
2023-10-30 19:22:45 -07:00
committed by GitHub
parent 11863fd4c1
commit 8430b1ec95
90 changed files with 2679 additions and 908 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/settings/components/general/application-settings.tsx
+63 -21
View File
@@ -10,8 +10,10 @@ import {
useGeneralSettings,
useSettingsStoreActions,
} from '/@/renderer/store/settings.store';
import { useTranslation } from 'react-i18next';
import { useCallback, useEffect, useMemo, useState } from 'react';
import { FontType } from '/@/renderer/types';
import i18n, { languages } from '/@/i18n/i18n';
const localSettings = isElectron() ? window.electron.localSettings : null;
const ipc = isElectron() ? window.electron.ipc : null;
@@ -33,17 +35,32 @@ const FONT_OPTIONS: Font[] = [
{ label: 'Work Sans', value: 'Work Sans' },
];
const FONT_TYPES: Font[] = [{ label: 'Built-in font', value: FontType.BUILT_IN }];
const FONT_TYPES: Font[] = [
{
label: i18n.t('setting.fontType', {
context: 'optionBuiltIn',
postProcess: 'sentenceCase',
}),
value: FontType.BUILT_IN,
},
];
if (window.queryLocalFonts) {
FONT_TYPES.push({ label: 'System font', value: FontType.SYSTEM });
FONT_TYPES.push({
label: i18n.t('setting.fontType', { context: 'optionSystem', postProcess: 'sentenceCase' }),
value: FontType.SYSTEM,
});
}
if (isElectron()) {
FONT_TYPES.push({ label: 'Custom font', value: FontType.CUSTOM });
FONT_TYPES.push({
label: i18n.t('setting.fontType', { context: 'optionCustom', postProcess: 'sentenceCase' }),
value: FontType.CUSTOM,
});
}
export const ApplicationSettings = () => {
const { t } = useTranslation();
const settings = useGeneralSettings();
const fontSettings = useFontSettings();
const { setSettings } = useSettingsStoreActions();
@@ -100,7 +117,9 @@ export const ApplicationSettings = () => {
const status = await navigator.permissions.query({ name: 'local-fonts' });
if (status.state === 'denied') {
throw new Error('Access denied to local fonts');
throw new Error(
t('error.localFontAccessDenied', { postProcess: 'sentenceCase' }),
);
}
const data = await window.queryLocalFonts();
@@ -112,7 +131,7 @@ export const ApplicationSettings = () => {
);
} catch (error) {
toast.error({
message: 'An error occurred when trying to get system fonts',
message: t('error.systemFontError', { postProcess: 'sentenceCase' }),
});
setSettings({
@@ -125,19 +144,32 @@ export const ApplicationSettings = () => {
}
};
getFonts();
}, [fontSettings, localFonts, setSettings]);
}, [fontSettings, localFonts, setSettings, t]);
const handleChangeLanguage = (e: string) => {
setSettings({
general: {
...settings,
language: e,
},
});
};
const options: SettingOption[] = [
{
control: (
<Select
disabled
data={[]}
data={languages}
value={settings.language}
onChange={handleChangeLanguage}
/>
),
description: 'Sets the application language',
description: t('setting.language', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: false,
title: 'Language',
title: t('setting.language', { postProcess: 'sentenceCase' }),
},
{
control: (
@@ -155,10 +187,12 @@ export const ApplicationSettings = () => {
}}
/>
),
description:
'What font to use. Built-in font selects one of the fonts provided by Feishin. System font allows you to select any font provided by your OS. Custom allows you to provide your own font',
description: t('setting.fontType', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: FONT_TYPES.length === 1,
title: 'Use system font',
title: t('setting.fontType', { postProcess: 'sentenceCase' }),
},
{
control: (
@@ -177,9 +211,9 @@ export const ApplicationSettings = () => {
}}
/>
),
description: 'Sets the application content font',
description: t('setting.font', { context: 'description', postProcess: 'sentenceCase' }),
isHidden: localFonts && fontSettings.type !== FontType.BUILT_IN,
title: 'Font (Content)',
title: t('setting.font', { postProcess: 'sentenceCase' }),
},
{
control: (
@@ -199,9 +233,9 @@ export const ApplicationSettings = () => {
}}
/>
),
description: 'Sets the application content font',
description: t('setting.font', { context: 'description', postProcess: 'sentenceCase' }),
isHidden: !localFonts || fontSettings.type !== FontType.SYSTEM,
title: 'Font (Content)',
title: t('setting.font', { postProcess: 'sentenceCase' }),
},
{
control: (
@@ -219,9 +253,12 @@ export const ApplicationSettings = () => {
}
/>
),
description: 'Path to custom font',
description: t('setting.customFontPath', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: fontSettings.type !== FontType.CUSTOM,
title: 'Path to custom font',
title: t('setting.customFontPath', { postProcess: 'sentenceCase' }),
},
{
control: (
@@ -244,9 +281,14 @@ export const ApplicationSettings = () => {
}}
/>
),
description: 'Sets the application zoom factor in percent',
description: t('setting.zoom', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: 'Zoom factor',
title: t('setting.zoom', {
postProcess: 'sentenceCase',
}),
},
];