1 files changed, 2 insertions, 77 deletions
diff --git a/packages/demobank-ui/src/hooks/index.ts b/packages/demobank-ui/src/hooks/index.ts
index 94e66e5e3..b4191d182 100644
--- a/packages/demobank-ui/src/hooks/index.ts
+++ b/packages/demobank-ui/src/hooks/index.ts
@@ -19,7 +19,8 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
-import { StateUpdater, useState } from "preact/hooks";
+import { StateUpdater } from "preact/hooks";
+import { useLocalStorage, useNotNullLocalStorage } from "./useLocalStorage.js";
 export type ValueOrFunction<T> = T | ((p: T) => T);
 
 const calculateRootPath = () => {
@@ -68,79 +69,3 @@ export function useBackendInstanceToken(
 
   return [token, setToken];
 }
-
-export function useLang(initial?: string): [string, StateUpdater<string>] {
-  const browserLang =
-    typeof window !== "undefined"
-      ? navigator.language || (navigator as any).userLanguage
-      : undefined;
-  const defaultLang = (browserLang || initial || "en").substring(0, 2);
-  const [value, setValue] = useNotNullLocalStorage(
-    "lang-preference",
-    defaultLang,
-  );
-  function updateValue(newValue: string | ((v: string) => string)) {
-    if (document.body.parentElement) {
-      const htmlElement = document.body.parentElement;
-      if (typeof newValue === "string") {
-        htmlElement.lang = newValue;
-        setValue(newValue);
-      } else if (typeof newValue === "function")
-        setValue((old) => {
-          const nv = newValue(old);
-          htmlElement.lang = nv;
-          return nv;
-        });
-    } else setValue(newValue);
-  }
-  return [value, updateValue];
-}
-
-export function useLocalStorage(
-  key: string,
-  initialValue?: string,
-): [string | undefined, StateUpdater<string | undefined>] {
-  const [storedValue, setStoredValue] = useState<string | undefined>(
-    (): string | undefined => {
-      return typeof window !== "undefined"
-        ? window.localStorage.getItem(key) || initialValue
-        : initialValue;
-    },
-  );
-
-  const setValue = (
-    value?: string | ((val?: string) => string | undefined),
-  ) => {
-    setStoredValue((p) => {
-      const toStore = value instanceof Function ? value(p) : value;
-      if (typeof window !== "undefined")
-        if (!toStore) window.localStorage.removeItem(key);
-        else window.localStorage.setItem(key, toStore);
-
-      return toStore;
-    });
-  };
-
-  return [storedValue, setValue];
-}
-
-export function useNotNullLocalStorage(
-  key: string,
-  initialValue: string,
-): [string, StateUpdater<string>] {
-  const [storedValue, setStoredValue] = useState<string>((): string => {
-    return typeof window !== "undefined"
-      ? window.localStorage.getItem(key) || initialValue
-      : initialValue;
-  });
-
-  const setValue = (value: string | ((val: string) => string)) => {
-    const valueToStore = value instanceof Function ? value(storedValue) : value;
-    setStoredValue(valueToStore);
-    if (typeof window !== "undefined")
-      if (!valueToStore) window.localStorage.removeItem(key);
-      else window.localStorage.setItem(key, valueToStore);
-  };
-
-  return [storedValue, setValue];
-}