26 lines
687 B
TypeScript
26 lines
687 B
TypeScript
import React, { useEffect, useState } from "react";
|
|
|
|
import { LoadingMessage } from "./LoadingMessage";
|
|
import { defaultLang, Language, languages, setLanguage } from "../i18n";
|
|
|
|
interface Props {
|
|
langCode: Language["code"];
|
|
children: React.ReactElement;
|
|
}
|
|
|
|
export const InitializeApp = (props: Props) => {
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
useEffect(() => {
|
|
const updateLang = async () => {
|
|
await setLanguage(currentLang);
|
|
};
|
|
const currentLang =
|
|
languages.find((lang) => lang.code === props.langCode) || defaultLang;
|
|
updateLang();
|
|
setLoading(false);
|
|
}, [props.langCode]);
|
|
|
|
return loading ? <LoadingMessage /> : props.children;
|
|
};
|