refactor(portainer): move to react [EE-3350] (#7915)

app/react/hooks/useLocalStorage.ts

@@ -0,0 +1,46 @@
+import { useState, useCallback, useMemo } from 'react';
+
+const localStoragePrefix = 'portainer';
+
+export function keyBuilder(key: string) {
+  return `${localStoragePrefix}.${key}`;
+}
+
+export function useLocalStorage<T>(
+  key: string,
+  defaultValue: T,
+  storage = localStorage
+): [T, (value: T) => void] {
+  const [value, setValue] = useState(get<T>(key, defaultValue, storage));
+
+  const handleChange = useCallback(
+    (value) => {
+      setValue(value);
+      set<T>(key, value, storage);
+    },
+    [key, storage]
+  );
+
+  return useMemo(() => [value, handleChange], [value, handleChange]);
+}
+
+export function get<T>(
+  key: string,
+  defaultValue: T,
+  storage = localStorage
+): T {
+  const value = storage.getItem(keyBuilder(key));
+  if (!value) {
+    return defaultValue;
+  }
+
+  try {
+    return JSON.parse(value);
+  } catch (e) {
+    return defaultValue;
+  }
+}
+
+export function set<T>(key: string, value: T, storage = localStorage) {
+  storage.setItem(keyBuilder(key), JSON.stringify(value));
+}