refactor: native handler 빈값 추가

Author: sikkzz

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>

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>

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 {

src/components/provider/AppBridgeProvider/convertToNativeMessage.ts

@@ -13,9 +13,11 @@ const iosHandlers = {
 };
 
 const androidHandlers = {
-  [AppBridgeMessageType.OPEN_CAMERA]: () => window.AndroidBridge?.openCamera(),
-  [AppBridgeMessageType.OPEN_GALLERY]: () => window.AndroidBridge?.openGallery(),
-  [AppBridgeMessageType.SHARE]: () => window.AndroidBridge?.share(),
+  [AppBridgeMessageType.OPEN_CAMERA]: (message: string) =>
+    window.AndroidBridge?.openCamera(message),
+  [AppBridgeMessageType.OPEN_GALLERY]: (message: string) =>
+    window.AndroidBridge?.openGallery(message),
+  [AppBridgeMessageType.SHARE]: (message: string) => window.AndroidBridge?.share(message),
   [AppBridgeMessageType.CREATE_REVIEW]: (message: { payload: { json: string } }) =>
     window.AndroidBridge?.createReview(message.payload.json),
   [AppBridgeMessageType.COPY]: (message: { payload: { json: string } }) =>

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>

src/types/global.d.ts

@@ -13,17 +13,17 @@ 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>;
       };
     };
     AndroidBridge?: {
-      openCamera: () => void;
-      openGallery: () => void;
-      share: () => void;
+      openCamera: (request: string) => void;
+      openGallery: (request: string) => void;
+      share: (request: string) => void;
       createReview: (json: string) => void;
       copy: (json: string) => void;
     };