diff --git a/src/components/SelectStyle/SelectStyle.tsx b/src/components/SelectStyle/SelectStyle.tsx index 7f11fd7..be18f3f 100644 --- a/src/components/SelectStyle/SelectStyle.tsx +++ b/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 ( diff --git a/src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts b/src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts index 1605800..b820e87 100644 --- a/src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts +++ b/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; }; } diff --git a/src/hooks/common/useRoute.ts b/src/hooks/common/useRoute.ts index f5fea44..62ebe02 100644 --- a/src/hooks/common/useRoute.ts +++ b/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), };