refactor: 홈 이동시 데이터 전체 초기화

Author: sikkzz

src/components/HomeNavigateConfirmModal/HomeNavigateConfirmModal.tsx

@@ -10,6 +10,10 @@ import Text from "@/components/ui/Text/Text";
 
 import { useRoute } from "@/hooks/common/useRoute";
 
+import { useGenerateReviewStore } from "@/store/useGenerateReviewStore";
+import { useCreateReviewStore } from "@/store/useReviewStore";
+import { useScanDataStore } from "@/store/useScanDataStore";
+
 interface HomeNavigateConfirmModalProps {
   isOpen: boolean;
   handleClose: () => void;
@@ -18,6 +22,10 @@ interface HomeNavigateConfirmModalProps {
 const HomeNavigateConfirmModal = ({ isOpen, handleClose }: HomeNavigateConfirmModalProps) => {
   const { navigateToHome } = useRoute();
 
+  const { resetGenerateReviewData } = useGenerateReviewStore();
+  const { resetCreateReviewData } = useCreateReviewStore();
+  const { resetScanData } = useScanDataStore();
+
   // 이후 상태 초기값 재설정
   const [isShowButtonChecked, setIsShowButtonChecked] = useState(false);
 
@@ -27,6 +35,9 @@ const HomeNavigateConfirmModal = ({ isOpen, handleClose }: HomeNavigateConfirmMo
 
   const handleNavigateHome = () => {
     handleClose();
+    resetGenerateReviewData();
+    resetCreateReviewData();
+    resetScanData();
     navigateToHome();
   };
 

src/store/useGenerateReviewStore.ts

@@ -3,9 +3,11 @@ import { create } from "zustand";
 interface GenerateReviewStoreProps {
   generateReviewData: string;
   setGenerateReviewData: (review: string) => void;
+  resetGenerateReviewData: () => void;
 }
 
 export const useGenerateReviewStore = create<GenerateReviewStoreProps>((set) => ({
   generateReviewData: "",
   setGenerateReviewData: (review: string) => set({ generateReviewData: review }),
+  resetGenerateReviewData: () => set({ generateReviewData: "" }),
 }));

src/store/useReviewStore.ts

@@ -11,6 +11,7 @@ interface CreateReviewDataStore {
   setOcrText: (ocrText: string) => void;
   setHashTag: (hashTag: string[]) => void;
   setReviewStyle: (reviewStyle: string) => void;
+  resetCreateReviewData: () => void;
 }
 
 export const CREATE_REVIEW_DATA = {
@@ -33,4 +34,5 @@ export const useCreateReviewStore = create<CreateReviewDataStore>((set) => ({
     set((state) => ({
       createReviewData: { ...state.createReviewData, reviewStyle },
     })),
+  resetCreateReviewData: () => set({ createReviewData: { ...CREATE_REVIEW_DATA } }),
 }));

src/store/useScanDataStore.ts

@@ -5,9 +5,11 @@ import type { ScanResult } from "@/components/Home/Home";
 interface ScanDataStoreProps {
   scanData: ScanResult[];
   setScanData: (scanData: ScanResult[]) => void;
+  resetScanData: () => void;
 }
 
 export const useScanDataStore = create<ScanDataStoreProps>((set) => ({
   scanData: [],
   setScanData: (scanData: ScanResult[]) => set({ scanData }),
+  resetScanData: () => set({ scanData: [] }),
 }));