mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-12 07:43:10 +10:00
- Bump @typescript-eslint packages to 8.23.0 - Update Vitest and related packages to 2.1.9 - Minor version upgrades for ts-api-utils and other related dependencies
46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import "@/client/libs/dayjs";
|
|
|
|
import { i18n } from "@lingui/core";
|
|
import { detect, fromStorage, fromUrl } from "@lingui/detect-locale";
|
|
import { I18nProvider } from "@lingui/react";
|
|
import { languages } from "@reactive-resume/utils";
|
|
import { useEffect } from "react";
|
|
|
|
import { defaultLocale, dynamicActivate } from "../libs/lingui";
|
|
import { updateUser } from "../services/user";
|
|
import { useAuthStore } from "../stores/auth";
|
|
|
|
type Props = {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
export const LocaleProvider = ({ children }: Props) => {
|
|
const userLocale = useAuthStore((state) => state.user?.locale ?? defaultLocale);
|
|
|
|
useEffect(() => {
|
|
const detectedLocale =
|
|
detect(fromUrl("locale"), fromStorage("locale"), userLocale, defaultLocale) ?? defaultLocale;
|
|
|
|
// Activate the locale only if it's supported
|
|
if (languages.some((lang) => lang.locale === detectedLocale)) {
|
|
void dynamicActivate(detectedLocale);
|
|
} else {
|
|
void dynamicActivate(defaultLocale);
|
|
}
|
|
}, [userLocale]);
|
|
|
|
return <I18nProvider i18n={i18n}>{children}</I18nProvider>;
|
|
};
|
|
|
|
export const changeLanguage = async (locale: string) => {
|
|
// Update locale in local storage
|
|
window.localStorage.setItem("locale", locale);
|
|
|
|
// Update locale in user profile, if authenticated
|
|
const state = useAuthStore.getState();
|
|
if (state.user) await updateUser({ locale }).catch(() => null);
|
|
|
|
// Reload the page for language switch to take effect
|
|
window.location.reload();
|
|
};
|