🐛 fix: 추가된 url storage에도 zustand persist 적용하기 #103

Team-inglo · Nov 4, 2024 · 18ba71d · 18ba71d
1 parent 7e4b00a
commit 18ba71d
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 19 deletions.
diff --git a/src/store/url.ts b/src/store/url.ts
@@ -24,35 +24,51 @@ type CurrentApplicantIdStore = {
   updateCurrentApplicantId: (id: number) => void;
 };
 
-export const useCurrentApplicantIdStore = create<CurrentApplicantIdStore>()(
-  (set) => ({
-    currentApplicantId: null,
-    updateCurrentApplicantId: (newId: number) =>
-      set(() => ({ currentApplicantId: newId })),
-  }),
+export const useCurrentApplicantIdStore = create(
+  persist<CurrentApplicantIdStore>(
+    (set) => ({
+      currentApplicantId: null,
+      updateCurrentApplicantId: (newId: number) =>
+        set(() => ({ currentApplicantId: newId })),
+    }),
+    {
+      name: 'currentApplicantIdStore',
+    },
+  ),
 );
 
 type CurrentDocumentIdStore = {
   currentDocumentId: number | null;
   updateCurrentDocumentId: (id: number) => void;
 };
 
-export const useCurrentDocumentIdStore = create<CurrentDocumentIdStore>()(
-  (set) => ({
-    currentDocumentId: null,
-    updateCurrentDocumentId: (newId: number) =>
-      set(() => ({ currentDocumentId: newId })),
-  }),
+export const useCurrentDocumentIdStore = create(
+  persist<CurrentDocumentIdStore>(
+    (set) => ({
+      currentDocumentId: null,
+      updateCurrentDocumentId: (newId: number) =>
+        set(() => ({ currentDocumentId: newId })),
+    }),
+    {
+      name: 'currentDocumentIdStore',
+    },
+  ),
 );
 
 type CurrentPostIdStoreEmployee = {
   currentPostId: number | null;
   updateCurrentPostId: (id: number) => void;
 };
 
-export const useCurrentPostIdEmployeeStore =
-  create<CurrentPostIdStoreEmployee>()((set) => ({
-    currentPostId: null,
-    updateCurrentPostId: (newId: number) =>
-      set(() => ({ currentPostId: newId })),
-  }));
+export const useCurrentPostIdEmployeeStore = create(
+  persist<CurrentPostIdStoreEmployee>(
+    (set) => ({
+      currentPostId: null,
+      updateCurrentPostId: (newId: number) =>
+        set(() => ({ currentPostId: newId })),
+    }),
+    {
+      name: 'useCurrentPostIdEmployeeStore',
+    },
+  ),
+);
diff --git a/src/utils/clearAllStore.ts b/src/utils/clearAllStore.ts
@@ -1,6 +1,11 @@
 import { usePostSearchStore } from '@/store/postSearch';
 import { useEmailTryCountStore } from '@/store/signup';
-import { useCurrentApplicantIdStore, useCurrentPostIdStore } from '@/store/url';
+import {
+  useCurrentApplicantIdStore,
+  useCurrentDocumentIdStore,
+  useCurrentPostIdEmployeeStore,
+  useCurrentPostIdStore,
+} from '@/store/url';
 import { useUserStore } from '@/store/user';
 
 // store 전역 변수 초기화
@@ -10,4 +15,6 @@ export const clearAllStore = () => {
   useEmailTryCountStore.persist.clearStorage();
   useCurrentPostIdStore.persist.clearStorage();
   useCurrentApplicantIdStore.persist.clearStorage();
+  useCurrentDocumentIdStore.persist.clearStorage();
+  useCurrentPostIdEmployeeStore.persist.clearStorage();
 };