에스크로 메일 재전송

src/entities/transaction/ui/detail/escrow-detail.tsx

@@ -20,17 +20,19 @@ import {
   InfoSectionKeys,
   MerchantInfo,
   AmountInfo,
-  EscrowDeliveryStatus
+  EscrowDeliveryStatus,
+  EscrowMailResendParams,
+  EscrowMailResendResponse
 } from '@/entities/transaction/model/types';
 import { useEscrowMailResendMutation } from '@/entities/transaction/api/use-escrow-mail-resend-mutation';
 import { MerchantInfoSection } from '@/entities/transaction/ui/section/merchant-info-section';
 import { AmountInfoSection } from '@/entities/transaction/ui/section/amount-info-section';
-import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
 import { DetailMotionDuration, DetailMotionStyle, DetailMotionVariants } from '@/entities/common/model/constant';
 import { FullMenuClose } from '@/entities/common/ui/full-menu-close';
 import { checkGrant } from '@/shared/lib/check-grant';
 import { showAlert } from '@/widgets/show-alert';
 import { snackBar } from '@/shared/lib';
+import { EscrowMailResendBottomSheet } from '../escrow-mail-resend-bottom-sheet';
 
 export interface EscrowDetailProps {
   detailOn: boolean;
@@ -110,16 +112,13 @@ export const EscrowDetail = ({
     }
   };
 
-  const callMailResend = (
+  const callMailResend = () => {
-		selectedMode: DownloadSelectedMode,
+    let params: EscrowMailResendParams = {
-		userEmail?: string
-	) => {
-    let params = {
       orderNumber: orderNumber,
       tid: tid,
     };
-    escrowMailResend(params).then((rs: any) => {
+    escrowMailResend(params).then((rs: EscrowMailResendResponse) => {
-      console.log(rs);
+      snackBar('이메일 재전송 요청에 성공하였습니다.');
     }).catch((e: any) => {
       if(e.response?.data?.error?.message){
         snackBar(e.response?.data?.error?.message);
@@ -240,13 +239,11 @@ export const EscrowDetail = ({
         </div>
       </motion.div>
       { !!downloadBottomSheetOn && 
-        <DownloadBottomSheet
+        <EscrowMailResendBottomSheet
           bottomSheetOn={ downloadBottomSheetOn }
           setBottomSheetOn={ setDownloadBottomSheetOn }
-          imageMode={ false }
+          callMailResend={ callMailResend }
-          emailMode={ true }
+        ></EscrowMailResendBottomSheet>
-          sendRequest={ callMailResend }
-        ></DownloadBottomSheet>
       }
     </>
   );

src/entities/transaction/ui/escrow-mail-resend-bottom-sheet.tsx

@@ -3,14 +3,14 @@ import { motion } from 'framer-motion';
 import { useTranslation } from 'react-i18next';
 
 export interface EscrowMailResendBottomSheetProps {
-  setBottomSheetOn: (bottomSheetOn: boolean) => void;
   bottomSheetOn: boolean;
+  setBottomSheetOn: (bottomSheetOn: boolean) => void;
   callMailResend: () => void;
 };
 
 export const EscrowMailResendBottomSheet = ({
-  setBottomSheetOn,
   bottomSheetOn,
+  setBottomSheetOn,
   callMailResend
 }: EscrowMailResendBottomSheetProps) => {
   const { t } = useTranslation();