rede5/gohorsejobs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(frontend): language switcher cursor and persistence logic

Browse source
This commit is contained in:
Tiago Yamamoto 2025-12-31 10:27:33 -03:00
parent 8dbcd01336
commit 798031420e
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/language-switcher.tsx
View file

@ -34,7 +34,7 @@ export function LanguageSwitcher() {
<DropdownMenuItem
key={l.code}
onClick={() => setLocale(l.code)}
className="flex items-center gap-2"
className="flex items-center gap-2 cursor-pointer"
>
<span className="text-lg">{l.flag}</span>
<span>{l.name}</span>

11
frontend/src/lib/i18n.tsx
View file

@ -66,6 +66,17 @@ export function I18nProvider({ children }: { children: ReactNode }) {
return value;
}, [locale]);
// Sync from localStorage on mount to handle hydration mismatch or initial load
useEffect(() => {
if (typeof window !== 'undefined') {
const stored = localStorage.getItem(localeStorageKey);
if (stored && stored in dictionaries && stored !== locale) {
console.log('[I18n] Restoring locale from storage:', stored);
setLocale(stored as Locale);
}
}
}, []);
useEffect(() => {
if (typeof window === 'undefined') return;
localStorage.setItem(localeStorageKey, locale);