From 8697b80301e806cbf687b3cc6c44301857225d16 Mon Sep 17 00:00:00 2001
From: sikkzz <sling0623@gmail.com>
Date: Sat, 8 Feb 2025 04:05:44 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20native=20handler=20=EB=B9=88?=
 =?UTF-8?q?=EA=B0=92=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home/Home.tsx                           |  4 ++--
 src/components/RecognitionFail/RecognitionFail.tsx     |  2 +-
 .../AppBridgeProvider/AppBridgeMessage.types.ts        |  3 +++
 .../AppBridgeProvider/convertToNativeMessage.ts        | 10 ++++++----
 src/pages/HomePage.tsx                                 |  2 +-
 src/types/global.d.ts                                  |  6 +++---
 6 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx
index a301980..53a2150 100644
--- a/src/components/Home/Home.tsx
+++ b/src/components/Home/Home.tsx
@@ -24,12 +24,12 @@ const Home = () => {
         <IconButton
           text="갤러리"
           iconName="gallery"
-          onClick={() => send({ type: AppBridgeMessageType.OPEN_GALLERY })}
+          onClick={() => send({ type: AppBridgeMessageType.OPEN_GALLERY, payload: "" })}
         />
         <IconButton
           text="카메라"
           iconName="camera"
-          onClick={() => send({ type: AppBridgeMessageType.OPEN_CAMERA })}
+          onClick={() => send({ type: AppBridgeMessageType.OPEN_CAMERA, payload: "" })}
         />
       </div>
     </div>
diff --git a/src/components/RecognitionFail/RecognitionFail.tsx b/src/components/RecognitionFail/RecognitionFail.tsx
index 8acd7e9..ca9d5cb 100644
--- a/src/components/RecognitionFail/RecognitionFail.tsx
+++ b/src/components/RecognitionFail/RecognitionFail.tsx
@@ -29,7 +29,7 @@ const RecognitionFail = () => {
         <Button
           text="다시 촬영하기"
           variant="secondary"
-          onClick={() => send({ type: AppBridgeMessageType.OPEN_CAMERA })}
+          onClick={() => send({ type: AppBridgeMessageType.OPEN_CAMERA, payload: "" })}
         />
       </div>
     </div>
diff --git a/src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts b/src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts
index b820e87..db83f86 100644
--- a/src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts
+++ b/src/components/provider/AppBridgeProvider/AppBridgeMessage.types.ts
@@ -15,14 +15,17 @@ export type AppBridgeMessage =
 
 export interface OpenCameraMessage {
   type: AppBridgeMessageType.OPEN_CAMERA;
+  payload: "";
 }
 
 export interface OpenGalleryMessage {
   type: AppBridgeMessageType.OPEN_GALLERY;
+  payload: "";
 }
 
 export interface ShareMessage {
   type: AppBridgeMessageType.SHARE;
+  payload: "";
 }
 
 export interface CreateReviewMessage {
diff --git a/src/components/provider/AppBridgeProvider/convertToNativeMessage.ts b/src/components/provider/AppBridgeProvider/convertToNativeMessage.ts
index 8434239..4844dc2 100644
--- a/src/components/provider/AppBridgeProvider/convertToNativeMessage.ts
+++ b/src/components/provider/AppBridgeProvider/convertToNativeMessage.ts
@@ -2,10 +2,12 @@ import { AppBridgeMessageType } from "@/components/provider/AppBridgeProvider/Ap
 import type { AppBridgeMessage } from "@/components/provider/AppBridgeProvider/AppBridgeMessage.types";
 
 const iosHandlers = {
-  [AppBridgeMessageType.OPEN_CAMERA]: () => window.webkit?.messageHandlers.openCamera.postMessage(),
-  [AppBridgeMessageType.OPEN_GALLERY]: () =>
-    window.webkit?.messageHandlers.openGallery.postMessage(),
-  [AppBridgeMessageType.SHARE]: () => window.webkit?.messageHandlers.share.postMessage(),
+  [AppBridgeMessageType.OPEN_CAMERA]: (message: string) =>
+    window.webkit?.messageHandlers.openCamera.postMessage(message),
+  [AppBridgeMessageType.OPEN_GALLERY]: (message: string) =>
+    window.webkit?.messageHandlers.openGallery.postMessage(message),
+  [AppBridgeMessageType.SHARE]: (message: string) =>
+    window.webkit?.messageHandlers.share.postMessage(message),
   [AppBridgeMessageType.CREATE_REVIEW]: (message: { payload: { json: string } }) =>
     window.webkit?.messageHandlers.createReview.postMessage(message.payload.json),
   [AppBridgeMessageType.COPY]: (message: { payload: { json: string } }) =>
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 564e883..b1dd408 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -18,7 +18,7 @@ const HomePage = () => {
         <Navbar.LeftButton onClick={navigateToHome}>
           <Icon name="logo" />
         </Navbar.LeftButton>
-        <Navbar.RightButton onClick={() => send({ type: AppBridgeMessageType.SHARE })}>
+        <Navbar.RightButton onClick={() => send({ type: AppBridgeMessageType.SHARE, payload: "" })}>
           <Text variant="bodySm" color="secondary">
             앱 공유하기
           </Text>
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index c1d4d45..50a9c74 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -13,9 +13,9 @@ declare global {
   interface Window {
     webkit?: {
       messageHandlers: {
-        openCamera: MessageHandler;
-        openGallery: MessageHandler;
-        share: MessageHandler;
+        openCamera: MessageHandler<string>;
+        openGallery: MessageHandler<string>;
+        share: MessageHandler<string>;
         createReview: MessageHandler<string>;
         copy: MessageHandler<string>;
       };