feat: 리뷰 생성 통신 핸들러 연결

Author: sikkzz

src/components/SelectStyle/SelectStyle.tsx

@@ -2,13 +2,13 @@ import { useState } from "react";
 
 import classNames from "classnames";
 
+import { AppBridgeMessageType } from "@/components/provider/AppBridgeProvider/AppBridgeMessage.types";
+import { useAppBridge } from "@/components/provider/AppBridgeProvider/AppBridgeProvider";
 import styles from "@/components/SelectStyle/SelectStyle.module.scss";
 import Button from "@/components/ui/Button/Button";
 import Icon from "@/components/ui/Icon/Icon";
 import Text from "@/components/ui/Text/Text";
 
-import { useRoute } from "@/hooks/common/useRoute";
-
 import { useCreateReviewStore } from "@/store/useReviewStore";
 
 interface StyleProps {
@@ -24,12 +24,14 @@ const IMG_STYLE_DATA = [
 ];
 
 const SelectStyle = () => {
-  const { navigateToReviewResult } = useRoute();
+  const { send } = useAppBridge();
 
-  const { setReviewStyle } = useCreateReviewStore();
+  const { createReviewData, setReviewStyle } = useCreateReviewStore();
 
   const [selectedStyle, setSelectedStyle] = useState(IMG_STYLE_DATA[0]);
 
+  const { ocrText, hashTag, reviewStyle } = createReviewData;
+
   const handleStyleClick = (style: StyleProps) => {
     setSelectedStyle((prevStyle) => (prevStyle.name === style.name ? IMG_STYLE_DATA[0] : style));
   };
@@ -39,7 +41,10 @@ const SelectStyle = () => {
       setReviewStyle(selectedStyle.name);
     }
 
-    navigateToReviewResult();
+    send({
+      type: AppBridgeMessageType.CREATE_REVIEW,
+      payload: { ocrText, hashTag, reviewStyle },
+    });
   };
 
   return (

src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts

@@ -29,8 +29,8 @@ export interface CreateReviewMessage {
   type: AppBridgeMessageType.CREATE_REVIEW;
   payload: {
     ocrText: string;
-    hastTag: string[];
-    reveiwStyle: string;
+    hashTag: string[];
+    reviewStyle: string;
   };
 }
 

src/hooks/common/useRoute.ts

@@ -9,8 +9,6 @@ export const useRoute = () => {
     navigateToHome: () => navigate(PATH.HOME),
     navigateToBack: () => navigate(-1),
     navigateToReceiptEdit: () => navigate(PATH.RECEIPT_EDIT),
-    navigateToRecognitionFail: () => navigate(PATH.RECOGNITION_FAIL),
-    navigateToReviewResult: () => navigate(PATH.REVIEW_RESULT),
     navigateToSelectStyle: () => navigate(PATH.SELECT_STYLE),
     navigateToSelectTag: () => navigate(PATH.SELECT_TAG),
   };