(READ ONLY) Margin is an open annotation layer for the internet. Powered by the AT Protocol.
margin.at
extension
web
atproto
comments
actual fix
+13
-1
+3
web/src/i18n.ts
+3
web/src/i18n.ts
+10
-1
web/src/views/core/Settings.tsx
+10
-1
web/src/views/core/Settings.tsx
···
85
85
const [isShortcutModalOpen, setIsShortcutModalOpen] = useState(false);
86
86
const preferences = useStore($preferences);
87
87
const { i18n: i18nInstance } = useTranslation();
88
-
const currentLanguage = i18nInstance.resolvedLanguage ?? i18nInstance.language ?? "en";
88
+
const [currentLanguage, setCurrentLanguage] = useState(
89
+
() => i18nInstance.resolvedLanguage ?? i18nInstance.language ?? "en"
90
+
);
91
+
92
+
useEffect(() => {
93
+
const handler = (lng: string) =>
94
+
setCurrentLanguage(lng);
95
+
i18nInstance.on("languageChanged", handler);
96
+
return () => { i18nInstance.off("languageChanged", handler); };
97
+
}, [i18nInstance]);
89
98
90
99
useEffect(() => {
91
100
const loadKeys = async () => {