Merge pull request #104 from autonomys/feat-add-persistent-storage-zustand

feat: ✨ add persist to zustand store

Author: iamnamananand996

Diff for: web-app/store/useStore.ts

@@ -1,6 +1,7 @@
 // store/useStore.ts
 import { Network, networks } from '@autonomys/auto-utils'
 import { create } from 'zustand'
+import { createJSONStorage, persist } from 'zustand/middleware'
 
 export enum NetworkOptions {
   AUTO_EVM = 'auto-evm-taurus',
@@ -11,12 +12,23 @@ interface NetworkState {
   network: NetworkOptions
   setNetwork: (network: NetworkOptions) => void
   networks: Network[]
+  version: number
   setNetworks: (networks: Network[]) => void
 }
 
-export const useNetworkStore = create<NetworkState>((set) => ({
-  network: NetworkOptions.AUTO_EVM,
-  setNetwork: (network: NetworkOptions) => set({ network }),
-  networks: networks,
-  setNetworks: (networks: Network[]) => set({ networks })
-}))
+export const useNetworkStore = create<NetworkState>()(
+  persist(
+    (set) => ({
+      network: NetworkOptions.AUTO_EVM,
+      setNetwork: (network: NetworkOptions) => set({ network }),
+      networks: networks,
+      version: 1,
+      setNetworks: (networks: Network[]) => set({ networks })
+    }),
+    {
+      name: 'network-storage',
+      storage: createJSONStorage(() => localStorage),
+      version: 1
+    }
+  )
+)