feat: 리뷰 재생성 기능 추가

Author: sikkzz

src/components/ReceiptEdit/ReceiptEdit.tsx

@@ -10,41 +10,6 @@ import { useRoute } from "@/hooks/common/useRoute";
 import { useCreateReviewStore } from "@/store/useReviewStore";
 import { useScanDataStore } from "@/store/useScanDataStore";
 
-// const useKeyboardAvoidance = () => {
-//   const [keyboardVisible, setKeyboardVisible] = useState(false);
-//   const [keyboardHeight, setKeyboardHeight] = useState(0);
-
-//   useEffect(() => {
-//     const handleVisualViewportChange = () => {
-//       const isKeyboardVisible = !!(
-//         window.visualViewport && window.visualViewport.height < window.innerHeight
-//       );
-//       setKeyboardVisible(isKeyboardVisible);
-
-//       if (isKeyboardVisible) {
-//         setKeyboardHeight(
-//           window.visualViewport ? window.innerHeight - window.visualViewport.height : 0,
-//         );
-//       } else {
-//         setKeyboardHeight(0);
-//       }
-//     };
-
-//     if (window.visualViewport) {
-//       window.visualViewport.addEventListener("resize", handleVisualViewportChange);
-//       handleVisualViewportChange();
-//     }
-
-//     return () => {
-//       if (window.visualViewport) {
-//         window.visualViewport.removeEventListener("resize", handleVisualViewportChange);
-//       }
-//     };
-//   }, []);
-
-//   return { keyboardVisible, keyboardHeight };
-// };
-
 const ReceiptEdit = () => {
   const { navigateToHome, navigateToSelectTag } = useRoute();
 

src/pages/RecognitionFailPage.tsx

@@ -4,13 +4,22 @@ import Icon from "@/components/ui/Icon/Icon";
 
 import { useRoute } from "@/hooks/common/useRoute";
 
+import { useScanDataStore } from "@/store/useScanDataStore";
+
 const RecognitionFailPage = () => {
   const { navigateToHome } = useRoute();
 
+  const { resetScanData } = useScanDataStore();
+
+  const handleNavigateToHome = () => {
+    resetScanData();
+    navigateToHome();
+  };
+
   return (
     <>
       <Navbar>
-        <Navbar.RightButton onClick={navigateToHome}>
+        <Navbar.RightButton onClick={handleNavigateToHome}>
           <Icon name="close" />
         </Navbar.RightButton>
       </Navbar>

src/pages/ReviewResultPage/ReviewResultPage.tsx

@@ -17,19 +17,23 @@ import useToast from "@/hooks/common/useToast";
 import styles from "@/pages/ReviewResultPage/ReviewResultPage.module.scss";
 
 import { useGenerateReviewStore } from "@/store/useGenerateReviewStore";
+import { useCreateReviewStore } from "@/store/useReviewStore";
 
 import type { Options as ConfettiOptions } from "canvas-confetti";
 
 export default function ReviewResultPage() {
   const { send } = useAppBridge();
 
+  const { createReviewData } = useCreateReviewStore();
   const { generateReviewData } = useGenerateReviewStore();
 
-  const { navigateToCreateReviewFail } = useRoute();
+  const { navigateToCreateReviewFail, navigateToLoading } = useRoute();
 
   const { isOpen, handleClose, handleOpen } = useOverlay();
   const { isToast, showToast } = useToast(1000);
 
+  const { ocrText, hashTag, reviewStyle } = createReviewData;
+
   const handleConfetti = () => {
     const setting: ConfettiOptions = {
       particleCount: 100,
@@ -42,6 +46,15 @@ export default function ReviewResultPage() {
     confetti(setting);
   };
 
+  const handleRetryCreateReview = () => {
+    send({
+      type: AppBridgeMessageType.CREATE_REVIEW,
+      payload: { ocrText, hashTag, reviewStyle },
+    });
+
+    navigateToLoading();
+  };
+
   useEffect(() => {
     if (!generateReviewData) return;
 
@@ -84,7 +97,7 @@ export default function ReviewResultPage() {
       <div className={styles.Bottom}>
         {isToast && <Toast text="리뷰가 복사되었어요." />}
         <div className={styles.ButtonBox}>
-          <Button text="다시생성" variant="secondary" />
+          <Button text="다시생성" variant="secondary" onClick={handleRetryCreateReview} />
           <Button text="홈으로 가기" onClick={handleOpen} />
         </div>
       </div>