Merge pull request #532 from gloddy-dev/featuare/530-image-upload-per…

…mission

Feature : 이미지 업로드 필요한 경우 RN에 권한 요청 메시지 전달

src/app/[lng]/(main)/grouping/create/funnels/main/MainStep.client.tsx

@@ -8,8 +8,10 @@ import { Button, ButtonGroup } from '@/components/Button';
 import { Divider } from '@/components/Divider';
 import { Toast } from '@/components/Modal';
 import { Spacing } from '@/components/Spacing';
+import { useDidMount } from '@/hooks/common/useDidMount';
 import useBrowser from '@/hooks/useBrowser';
 import { useModal } from '@/hooks/useModal';
+import sendMessageToReactNative from '@/utils/sendMessageToReactNative';
 import { format } from 'date-fns';
 
 import type { CreateGroupContextValue } from '../../type';
@@ -72,6 +74,13 @@ export default function MainStep({ onSelectMeetDate, onCreateSubmit }: MainStepP
  ));
  };
 
+ useDidMount(() => {
+ sendMessageToReactNative({
+ type: 'GET_PERMISSION',
+ data: 'IMAGE',
+ });
+ });
+
  return (
  <>
  <UploadSection control={control} />

src/app/[lng]/(sub)/join/funnels/step4/components/InputForm.client.tsx

@@ -11,7 +11,9 @@ import { SegmentGroup } from '@/components/SegmentGroup';
 import { Spacing } from '@/components/Spacing';
 import { TextFieldController } from '@/components/TextField';
 import { regexr } from '@/constants/regexr';
+import { useDidMount } from '@/hooks/common/useDidMount';
 import { useFileUpload } from '@/hooks/useFileUpload';
+import sendMessageToReactNative from '@/utils/sendMessageToReactNative';
 
 import type { ElementType, KeyboardEventHandler } from 'react';
 
@@ -68,6 +70,13 @@ export default function InputForm() {
  }
  };
 
+ useDidMount(() => {
+ sendMessageToReactNative({
+ type: 'GET_PERMISSION',
+ data: 'IMAGE',
+ });
+ });
+
  return (
  <Flex as="form" direction="column" onSubmit={handleSubmit(onSubmit)}>
  <Flex className="py-20" justify="center">