refactor(hooks): rewrite useLocalStorage hook

* return a tuple instead of an object
* add a validator function as parameter (if the stored value
is manually changed, it is not safe to cast its type)
* add tests

1 files changed, 26 insertions, 0 deletions

diff --git a/src/services/local-storage/local-storage.ts b/src/services/local-storage/local-storage.ts
new file mode 100644
index 0000000..e9a50a5
--- /dev/null
+++ b/src/services/local-storage/local-storage.ts
@@ -0,0 +1,26 @@
+export const LocalStorage = {
+  get<T>(key: string): T | undefined {
+    try {
+      const serialItem = localStorage.getItem(key);
+      if (!serialItem) return undefined;
+      return JSON.parse(serialItem) as T;
+    } catch (e) {
+      console.error(e);
+      return undefined;
+    }
+  },
+  set<T>(key: string, value: T) {
+    try {
+      const serialItem = JSON.stringify(value);
+      localStorage.setItem(key, serialItem);
+    } catch (e) {
+      console.error(e);
+    }
+  },
+  remove(key: string) {
+    localStorage.removeItem(key);
+  },
+  clear() {
+    localStorage.clear();
+  },
+};