shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(lang): add support for Chinese (Traditional) language

Browse Source
This commit is contained in:
sct
2021-01-19 02:17:14 +00:00
parent 801e76524d
commit 686c4f71bf
3 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Layout/LanguagePicker/index.tsx
View File

@@ -23,7 +23,7 @@ const availableLanguages: AvailableLanguageObject = {
}, },
ja: { ja: {
code: 'ja', code: 'ja',
display: '日本語', display: 'Japanese',
}, },
fr: { fr: {
code: 'fr', code: 'fr',
@@ -65,6 +65,10 @@ const availableLanguages: AvailableLanguageObject = {
code: 'sv', code: 'sv',
display: 'Swedish', display: 'Swedish',
}, },
'zh-Hant': {
code: 'zh-Hant',
display: 'Chinese (Traditional)',
},
}; };
const LanguagePicker: React.FC = () => { const LanguagePicker: React.FC = () => {
@@ -105,20 +109,20 @@ const LanguagePicker: React.FC = () => {
leaveTo="transform opacity-0 scale-95" leaveTo="transform opacity-0 scale-95"
> >
<div <div
className="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg" className="absolute right-0 w-48 mt-2 origin-top-right rounded-md shadow-lg"
ref={dropdownRef} ref={dropdownRef}
> >
<div className="py-2 px-2 rounded-md bg-gray-700 ring-1 ring-black ring-opacity-5"> <div className="px-2 py-2 bg-gray-700 rounded-md ring-1 ring-black ring-opacity-5">
<div> <div>
<label <label
htmlFor="language" htmlFor="language"
className="block text-sm leading-5 font-medium text-gray-300 pb-2" className="block pb-2 text-sm font-medium leading-5 text-gray-300"
> >
<FormattedMessage {...messages.changelanguage} /> <FormattedMessage {...messages.changelanguage} />
</label> </label>
<select <select
id="language" id="language"
className="mt-1 form-select block w-full pl-3 pr-10 py-2 text-base leading-6 text-white bg-gray-700 border-gray-600 focus:outline-none focus:ring-indigo focus:border-blue-800 sm:text-sm sm:leading-5" className="block w-full py-2 pl-3 pr-10 mt-1 text-base leading-6 text-white bg-gray-700 border-gray-600 form-select focus:outline-none focus:ring-indigo focus:border-blue-800 sm:text-sm sm:leading-5"
onChange={(e) => onChange={(e) =>
setLocale && setLocale(e.target.value as AvailableLocales) setLocale && setLocale(e.target.value as AvailableLocales)
} }

3
src/context/LanguageContext.tsx
View File

@@ -12,7 +12,8 @@ export type AvailableLocales =
| 'it' | 'it'
| 'pt-BR' | 'pt-BR'
| 'sr' | 'sr'
| 'sv'; | 'sv'
| 'zh-Hant';
interface LanguageContextProps { interface LanguageContextProps {
locale: AvailableLocales; locale: AvailableLocales;

10
src/pages/_app.tsx
View File

@@ -18,7 +18,7 @@ import { PublicSettingsResponse } from '../../server/interfaces/api/settingsInte
import { SettingsProvider } from '../context/SettingsContext'; import { SettingsProvider } from '../context/SettingsContext';
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
const loadLocaleData = (locale: string): Promise<any> => { const loadLocaleData = (locale: AvailableLocales): Promise<any> => {
switch (locale) { switch (locale) {
case 'ja': case 'ja':
return import('../i18n/locale/ja.json'); return import('../i18n/locale/ja.json');
@@ -42,6 +42,8 @@ const loadLocaleData = (locale: string): Promise<any> => {
return import('../i18n/locale/sr.json'); return import('../i18n/locale/sr.json');
case 'sv': case 'sv':
return import('../i18n/locale/sv.json'); return import('../i18n/locale/sv.json');
case 'zh-Hant':
return import('../i18n/locale/zh_Hant.json');
default: default:
return import('../i18n/locale/en.json'); return import('../i18n/locale/en.json');
} }
@@ -112,6 +114,10 @@ const CoreApp: Omit<NextAppComponentType, 'origGetInitialProps'> = ({
<ToastProvider components={{ Toast }}> <ToastProvider components={{ Toast }}>
<Head> <Head>
<title>Overseerr</title> <title>Overseerr</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1"
/>
</Head> </Head>
<StatusChecker /> <StatusChecker />
<UserContext initialUser={user}>{component}</UserContext> <UserContext initialUser={user}>{component}</UserContext>
@@ -192,7 +198,7 @@ CoreApp.getInitialProps = async (initialProps) => {
initialProps initialProps
); );
const messages = await loadLocaleData(locale); const messages = await loadLocaleData(locale as AvailableLocales);
return { ...appInitialProps, user, messages, locale, currentSettings }; return { ...appInitialProps, user, messages, locale, currentSettings };
}; };