refactor: 일부 데이터 타입들 변경

Author: sikkzz

src/components/ReceiptEdit/ReceiptEdit.tsx

@@ -13,7 +13,7 @@ import { useScanDataStore } from "@/store/useScanDataStore";
 const ReceiptEdit = () => {
   const { navigateToHome, navigateToSelectTag } = useRoute();
 
-  const { scanData } = useScanDataStore();
+  const { scanData, resetScanData } = useScanDataStore();
 
   const { setOcrText } = useCreateReviewStore();
 
@@ -66,6 +66,11 @@ const ReceiptEdit = () => {
     navigateToSelectTag();
   };
 
+  const handleReScanClick = () => {
+    resetScanData();
+    navigateToHome();
+  };
+
   return (
     <div className={styles.ReceiptEdit}>
       <div className={styles.Top}>
@@ -114,7 +119,7 @@ const ReceiptEdit = () => {
           />
         ) : (
           <>
-            <Button text="다시 스캔하기" variant="secondary" onClick={navigateToHome} />
+            <Button text="다시 스캔하기" variant="secondary" onClick={handleReScanClick} />
             <Button
               text="정보가 맞아요"
               disabled={formData.some((item) => Object.values(item).some((value) => !value))}

src/components/ReviewResult/ReviewResult.tsx

@@ -24,7 +24,7 @@ const ReviewResult = () => {
   const { generateReviewData } = useGenerateReviewStore();
 
   const { isOpen, handleClose, handleOpen } = useOverlay();
-  const { isToast } = useToast(1000);
+  const { isToast, showToast } = useToast(1000);
 
   const handleConfetti = () => {
     const setting: ConfettiOptions = {
@@ -62,9 +62,11 @@ const ReviewResult = () => {
             text="복사하기"
             iconName="paste"
             size="sm"
-            onClick={() =>
-              send({ type: AppBridgeMessageType.COPY, payload: { review: generateReviewData } })
-            }
+            onClick={() => {
+              send({ type: AppBridgeMessageType.COPY, payload: { review: generateReviewData } });
+
+              showToast();
+            }}
           />
         </div>
       </div>

src/components/provider/AppBridgeProvider/convertToNativeMessage.ts

@@ -11,8 +11,8 @@ const iosHandlers = {
   [AppBridgeMessageType.CREATE_REVIEW]: (message: {
     payload: { ocrText: string; hashTag: string[]; reviewStyle: string };
   }) => window.webkit?.messageHandlers.createReview.postMessage(message.payload),
-  [AppBridgeMessageType.COPY]: (message: { payload: { json: string } }) =>
-    window.webkit?.messageHandlers.copy.postMessage(message.payload.json),
+  [AppBridgeMessageType.COPY]: (message: { payload: { review: string } }) =>
+    window.webkit?.messageHandlers.copy.postMessage(message.payload),
   [AppBridgeMessageType.RECEIVE_SCAN_RESULT]: (message: { payload: { result: string } }) =>
     window.response?.receiveScanResult(message.payload.result),
   [AppBridgeMessageType.RECEIVE_GENERATED_REVIEW]: (message: { payload: { result: string } }) =>
@@ -23,10 +23,11 @@ const androidHandlers = {
   [AppBridgeMessageType.OPEN_CAMERA]: () => window.AndroidBridge?.openCamera(),
   [AppBridgeMessageType.OPEN_GALLERY]: () => window.AndroidBridge?.openGallery(),
   [AppBridgeMessageType.SHARE]: () => window.AndroidBridge?.share(),
-  [AppBridgeMessageType.CREATE_REVIEW]: (message: { payload: { json: string } }) =>
-    window.AndroidBridge?.createReview(message.payload.json),
-  [AppBridgeMessageType.COPY]: (message: { payload: { json: string } }) =>
-    window.AndroidBridge?.copy(message.payload.json),
+  [AppBridgeMessageType.CREATE_REVIEW]: (message: {
+    payload: { ocrText: string; hashTag: string[]; reviewStyle: string };
+  }) => window.AndroidBridge?.createReview(message.payload),
+  [AppBridgeMessageType.COPY]: (message: { payload: { review: string } }) =>
+    window.AndroidBridge?.copy(message.payload),
   [AppBridgeMessageType.RECEIVE_SCAN_RESULT]: (message: { payload: { result: string } }) =>
     window.response?.receiveScanResult(message.payload.result),
   [AppBridgeMessageType.RECEIVE_GENERATED_REVIEW]: (message: { payload: { result: string } }) =>

src/types/global.d.ts

@@ -15,6 +15,10 @@ declare global {
     hashTag: string[];
     reviewStyle: string;
   }
+
+  interface CopyMessagePayload {
+    review: string;
+  }
   interface Window {
     response?: {
       receiveScanResult: (jsonData: string) => void;
@@ -26,15 +30,15 @@ declare global {
         openGallery: MessageHandler<string>;
         share: MessageHandler<string>;
         createReview: MessageHandler<CreateReviewPayload>;
-        copy: MessageHandler<string>;
+        copy: MessageHandler<CopyMessagePayload>;
       };
     };
     AndroidBridge?: {
       openCamera: () => void;
       openGallery: () => void;
       share: () => void;
-      createReview: (json: string) => void;
-      copy: (json: string) => void;
+      createReview: (json: CreateReviewPayload) => void;
+      copy: (json: CopyMessagePayload) => void;
     };
   }
 }