refactor: native handler 빈값 추가

Nexters · Feb 7, 2025 · 8697b80 · 8697b80
1 parent dea2ba5
commit 8697b80
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>;
       };