chore: update i18nStore

web/src/labs/i18n/createI18nStore.tsx

@@ -0,0 +1,52 @@
+type I18nState = Readonly<{
+  locale: string;
+}>;
+
+type Listener = (ns: I18nState, ps?: I18nState) => void;
+
+const createI18nStore = (preloadedState: I18nState) => {
+  const listeners: Listener[] = [];
+  let currentState = preloadedState;
+
+  const getState = () => {
+    return currentState;
+  };
+
+  const setState = (state: Partial<I18nState>) => {
+    const nextState = {
+    ...currentState,
+    ...state,
+    };
+    const prevState = currentState;
+    currentState = nextState;
+
+    for (const cb of listeners) {
+    cb(currentState, prevState);
+    }
+  };
+
+  const subscribe = (listener: Listener) => {
+    let isSubscribed = true;
+    listeners.push(listener);
+
+    const unsubscribe = () => {
+    if (!isSubscribed) {
+        return;
+    }
+
+    const index = listeners.indexOf(listener);
+    listeners.splice(index, 1);
+    isSubscribed = false;
+    };
+
+    return unsubscribe;
+  };
+
+  return {
+    getState,
+    setState,
+    subscribe,
+  };
+};
+
+export default createI18nStore;

web/src/labs/i18n/i18nStore.ts

@@ -1,53 +1,4 @@
-type I18nState = Readonly<{
-  locale: string;
-}>;
-
-type Listener = (ns: I18nState, ps?: I18nState) => void;
-
-const createI18nStore = (preloadedState: I18nState) => {
-  const listeners: Listener[] = [];
-  let currentState = preloadedState;
-
-  const getState = () => {
-    return currentState;
-  };
-
-  const setState = (state: Partial<I18nState>) => {
-    const nextState = {
-      ...currentState,
-      ...state,
-    };
-    const prevState = currentState;
-    currentState = nextState;
-
-    for (const cb of listeners) {
-      cb(currentState, prevState);
-    }
-  };
-
-  const subscribe = (listener: Listener) => {
-    let isSubscribed = true;
-    listeners.push(listener);
-
-    const unsubscribe = () => {
-      if (!isSubscribed) {
-        return;
-      }
-
-      const index = listeners.indexOf(listener);
-      listeners.splice(index, 1);
-      isSubscribed = false;
-    };
-
-    return unsubscribe;
-  };
-
-  return {
-    getState,
-    setState,
-    subscribe,
-  };
-};
+import createI18nStore from "./createI18nStore";
 
 const defaultI18nState = {
   locale: "en",

web/src/labs/i18n/useI18n.ts

@@ -25,7 +25,8 @@ const useI18n = () => {
 
   const translate = (key: string) => {
     try {
-      return resources[locale][key] as string;
+      const value = resources[locale][key] as string;
+      return value;
     } catch (error) {
       return key;
     }