feat(localStorage): add merge defaults function for user settings sto…

…rage
rudnovd · Mar 5, 2024 · 6f85ca1 · 6f85ca1
1 parent c8e5e87
commit 6f85ca1
Showing 1 changed file with 22 additions and 7 deletions.
diff --git a/src/utils/localStorage.ts b/src/utils/localStorage.ts
@@ -18,14 +18,29 @@ interface DemoLocalStorage {
   step: string | null
 }
 
-export const userSettingsStorage = useLocalStorage<UserSettingsLocalStorage>('user-settings', {
-  locale: getBrowserLocale(),
-  autoUpdateApp: true,
-  offlineMode: false,
-  items: {
-    standardTagsLocale: getBrowserLocale(),
+export const userSettingsStorage = useLocalStorage<UserSettingsLocalStorage>(
+  'user-settings',
+  {
+    locale: getBrowserLocale(),
+    autoUpdateApp: true,
+    offlineMode: false,
+    items: {
+      standardTagsLocale: getBrowserLocale(),
+    },
+  },
+  {
+    mergeDefaults(storageValue: Partial<UserSettingsLocalStorage>, defaults) {
+      return {
+        autoUpdateApp: storageValue?.autoUpdateApp ?? defaults.autoUpdateApp,
+        locale: storageValue?.locale ?? defaults.locale,
+        offlineMode: storageValue?.offlineMode ?? defaults.offlineMode,
+        items: {
+          standardTagsLocale: storageValue.items?.standardTagsLocale ?? defaults.items.standardTagsLocale,
+        },
+      }
+    },
   },
-})
+)
 
 export const demoStorage = useLocalStorage<Partial<DemoLocalStorage>>(
   'demo',