2023-02-08 20:16:35 +00:00
|
|
|
import { type ReactNode } from "react";
|
|
|
|
import { IntlProvider as ReactIntlProvider } from "react-intl";
|
2023-02-27 11:31:46 +00:00
|
|
|
|
2023-02-28 10:24:55 +00:00
|
|
|
import { ReadPreferences } from "State/Login";
|
2023-02-15 11:31:02 +00:00
|
|
|
import enMessages from "translations/en.json";
|
2023-04-11 10:20:46 +00:00
|
|
|
import esMessages from "translations/es_ES.json";
|
|
|
|
import zhMessages from "translations/zh_CN.json";
|
|
|
|
import twMessages from "translations/zh_TW.json";
|
|
|
|
import jaMessages from "translations/ja_JP.json";
|
|
|
|
import frMessages from "translations/fr_FR.json";
|
|
|
|
import huMessages from "translations/hu_HU.json";
|
|
|
|
import idMessages from "translations/id_ID.json";
|
|
|
|
import arMessages from "translations/ar_SA.json";
|
|
|
|
import itMessages from "translations/it_IT.json";
|
|
|
|
import deMessages from "translations/de_DE.json";
|
|
|
|
import ruMessages from "translations/ru_RU.json";
|
2023-04-13 09:00:09 +00:00
|
|
|
import svMessages from "translations/sv_SE.json";
|
|
|
|
import hrMessages from "translations/hr_HR.json";
|
2023-02-08 04:54:33 +00:00
|
|
|
|
2023-04-11 10:20:46 +00:00
|
|
|
const DefaultLocale = "en-US";
|
2023-02-08 04:54:33 +00:00
|
|
|
|
|
|
|
const getMessages = (locale: string) => {
|
2023-02-08 20:16:35 +00:00
|
|
|
const truncatedLocale = locale.toLowerCase().split(/[_-]+/)[0];
|
2023-02-08 04:54:33 +00:00
|
|
|
|
2023-04-11 10:20:46 +00:00
|
|
|
const matchLang = (lng: string) => {
|
|
|
|
switch (lng) {
|
|
|
|
case "es-ES":
|
|
|
|
case "es":
|
|
|
|
return esMessages;
|
|
|
|
case "zh-CN":
|
|
|
|
case "zh-Hans-CN":
|
|
|
|
case "zh":
|
|
|
|
return zhMessages;
|
|
|
|
case "zh-TW":
|
|
|
|
return twMessages;
|
|
|
|
case "ja-JP":
|
|
|
|
case "ja":
|
|
|
|
return jaMessages;
|
|
|
|
case "fr-FR":
|
|
|
|
case "fr":
|
|
|
|
return frMessages;
|
|
|
|
case "hu-HU":
|
|
|
|
case "hu":
|
|
|
|
return huMessages;
|
|
|
|
case "id-ID":
|
|
|
|
case "id":
|
|
|
|
return idMessages;
|
|
|
|
case "ar-SA":
|
|
|
|
case "ar":
|
|
|
|
return arMessages;
|
|
|
|
case "it-IT":
|
|
|
|
case "it":
|
|
|
|
return itMessages;
|
|
|
|
case "de-DE":
|
|
|
|
case "de":
|
|
|
|
return deMessages;
|
|
|
|
case "ru-RU":
|
|
|
|
case "ru":
|
|
|
|
return ruMessages;
|
2023-04-13 09:00:09 +00:00
|
|
|
case "sv-SE":
|
|
|
|
case "sv":
|
|
|
|
return svMessages;
|
|
|
|
case "hr-HR":
|
|
|
|
case "hr":
|
|
|
|
return hrMessages;
|
2023-04-11 10:20:46 +00:00
|
|
|
case DefaultLocale:
|
|
|
|
case "en":
|
|
|
|
return enMessages;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
return matchLang(locale) ?? matchLang(truncatedLocale) ?? enMessages;
|
2023-02-08 20:16:35 +00:00
|
|
|
};
|
2023-02-08 04:54:33 +00:00
|
|
|
|
|
|
|
export const IntlProvider = ({ children }: { children: ReactNode }) => {
|
2023-02-28 10:24:55 +00:00
|
|
|
const { language } = ReadPreferences();
|
|
|
|
const locale = language ?? getLocale();
|
2023-02-08 20:16:35 +00:00
|
|
|
|
|
|
|
return (
|
|
|
|
<ReactIntlProvider locale={locale} messages={getMessages(locale)}>
|
|
|
|
{children}
|
|
|
|
</ReactIntlProvider>
|
|
|
|
);
|
|
|
|
};
|
2023-02-27 11:31:46 +00:00
|
|
|
|
|
|
|
export const getLocale = () => {
|
2023-04-11 10:20:46 +00:00
|
|
|
return (navigator.languages && navigator.languages[0]) ?? navigator.language ?? DefaultLocale;
|
2023-02-27 11:31:46 +00:00
|
|
|
};
|