apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 00:36:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: add support for additional languages in LanguageSwitcher and SidebarUserProfile components

Browse source
This commit is contained in:
DESKTOP-RTLN3BA\$punk 2026-02-11 00:39:01 -08:00
parent c297e41caa
commit 1daa953e83
7 changed files with 2478 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
surfsense_web/contexts/LocaleContext.tsx
View file

@ -3,9 +3,20 @@
import type React from "react";
import { createContext, useContext, useEffect, useState } from "react";
import enMessages from "../messages/en.json";
import esMessages from "../messages/es.json";
import ptMessages from "../messages/pt.json";
import hiMessages from "../messages/hi.json";
import zhMessages from "../messages/zh.json";
type Locale = "en" | "zh";
type Locale = "en" | "es" | "pt" | "hi" | "zh";
const messagesMap: Record<Locale, typeof enMessages> = {
en: enMessages,
es: esMessages as typeof enMessages,
pt: ptMessages as typeof enMessages,
hi: hiMessages as typeof enMessages,
zh: zhMessages as typeof enMessages,
};
interface LocaleContextType {
locale: Locale;
@ -24,15 +35,15 @@ export function LocaleProvider({ children }: { children: React.ReactNode }) {
const [mounted, setMounted] = useState(false);
// Get messages based on current locale
const messages = locale === "zh" ? zhMessages : enMessages;
const messages = messagesMap[locale] || enMessages;
// Load locale from localStorage after component mounts (client-side only)
useEffect(() => {
setMounted(true);
if (typeof window !== "undefined") {
const stored = localStorage.getItem(LOCALE_STORAGE_KEY);
if (stored === "zh") {
setLocaleState("zh");
if (stored && (["en", "es", "pt", "hi", "zh"] as const).includes(stored as Locale)) {
setLocaleState(stored as Locale);
}
}
}, []);