30 lines
720 B
TypeScript
30 lines
720 B
TypeScript
|
import {useLanguagePrefs} from '#/state/preferences'
|
||
|
|
import {i18n} from '@lingui/core'
|
||
|
|
import {useEffect} from 'react'
|
||
|
|
|
||
|
|
export const locales = {
|
||
|
|
en: 'English',
|
||
|
|
cs: 'Česky',
|
||
|
|
fr: 'Français',
|
||
|
|
hi: 'हिंदी',
|
||
|
|
es: 'Español',
|
||
|
|
}
|
||
|
|
export const defaultLocale = 'en'
|
||
|
|
|
||
|
|
/**
|
||
|
|
* We do a dynamic import of just the catalog that we need
|
||
|
|
* @param locale any locale string
|
||
|
|
*/
|
||
|
|
export async function dynamicActivate(locale: string) {
|
||
|
|
const {messages} = await import(`./locales/${locale}/messages`)
|
||
|
|
i18n.load(locale, messages)
|
||
|
|
i18n.activate(locale)
|
||
|
|
}
|
||
|
|
|
||
|
|
export async function useLocaleLanguage() {
|
||
|
|
const {appLanguage} = useLanguagePrefs()
|
||
|
|
useEffect(() => {
|
||
|
|
dynamicActivate(appLanguage)
|
||
|
|
}, [appLanguage])
|
||
|
|
}
|