ars sms재전송

src/pages/additional-service/ars/detail-page.tsx

@@ -13,9 +13,13 @@ import { NumericFormat } from 'react-number-format';
 import { useExtensionArsDetailMutation } from '@/entities/additional-service/api/ars/use-extension-ars-detail-mutation';
 import {
   ExtensionArsDetailParams,
-  ExtensionArsDetailResponse
+  ExtensionArsDetailResponse,
+  ExtensionArsResendParams,
+  ExtensionArsResendResponse
 } from '@/entities/additional-service/model/ars/types';
 import moment from 'moment';
+import { ArsResendSmsBottomSheet } from '@/entities/additional-service/ui/ars/resend-sms-bottom-sheet';
+import { useExtensionArsResendMutation } from '@/entities/additional-service/api/ars/use-extension-ars-resend-mutation';
 
 export const ArsDetailPage = () => {
   const { navigate } = useNavigate();
@@ -26,8 +30,10 @@ export const ArsDetailPage = () => {
   const amount = location.state.amount;
 
   const [detail, setDetail] = useState<ExtensionArsDetailResponse>();
+  const [bottomSheetOn, setBottomSheetOn] = useState<boolean>(false);
 
   const { mutateAsync: extensionArsDetail } = useExtensionArsDetailMutation();
+  const { mutateAsync: extensionArsResend } = useExtensionArsResendMutation();
   const callDetail = () => {
     let params: ExtensionArsDetailParams = {
       tid: tid,
@@ -51,13 +57,23 @@ export const ArsDetailPage = () => {
   }, []);
 
   const onClickToOpenResendBottomSheet = () => {
-
+    setBottomSheetOn(true);
   };
 
   const getDate = (date?: string) => {
     return (date)? moment(date.substr(0, 8)).format('YYYY.MM.DD'): '';
   };
 
+  const callResendSms = () => {
+    let params: ExtensionArsResendParams = {
+      mid: mid,
+      tid: tid
+    }
+    extensionArsResend(params).then((rs: ExtensionArsResendResponse) => {
+      console.log(rs);
+    });
+  };
+
   return (
     <>
       <main className="full-height">
@@ -136,6 +152,13 @@ export const ArsDetailPage = () => {
           </div>
         </div>
       </main>
+      <ArsResendSmsBottomSheet
+        setBottomSheetOn={ setBottomSheetOn }
+        bottomSheetOn={ bottomSheetOn }
+        phoneNumber={ detail?.phoneNumber }
+        callResendSms={ callResendSms }
+      ></ArsResendSmsBottomSheet>
+
     </>
   );
 };