부가서비스

- SMS 결제 통보 상세정보,재발송 바텀시트 목업 API 연결

src/pages/additional-service/sms-payment/sms-payment-page.tsx

@@ -10,11 +10,12 @@ import {
   useSetHeaderType,
   useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
-import { SmsPaymentListItem, SmsPaymentSearchType, SmsType } from '@/entities/additional-service/model/sms-payment/types';
+import { SmsPaymentListItem, SmsPaymentSearchType, SmsType, ExtensionSmsDetailResponse } from '@/entities/additional-service/model/sms-payment/types';
 import { useExtensionSmsListMutation } from '@/entities/additional-service/api/sms-payment/use-extension-sms-list-mutation';
 import { useExtensionSmsDownloadExcelMutation } from '@/entities/additional-service/api/sms-payment/use-extension-sms-download-excel-mutation';
 import { SmsPaymentList } from '@/entities/additional-service/ui/sms-payment/sms-payment-list';
 import { SmsPaymentFilter } from '@/entities/additional-service/ui/sms-payment/sms-payment-filter';
+import { useExtensionSmsDetailMutation } from '@/entities/additional-service/api/sms-payment/use-extension-sms-detail-mutation';
 
 
 export const SmsPaymentPage = () => {
@@ -26,14 +27,17 @@ export const SmsPaymentPage = () => {
   const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [mid, setMid] = useState<string>('nictest001m');
+  const [tid, setTid] = useState<string>('');
   const [searchCl, setSearchCl] = useState<SmsPaymentSearchType>(SmsPaymentSearchType.BUYER_NAME)
   const [searchValue, setSearchValue] = useState<string>('')
   const [fromDate, setFromDate] = useState(moment().format('YYYY-MM-DD'));
   const [toDate, setToDate] = useState(moment().format('YYYY-MM-DD'));
   const [smsCl, setSmsCl] = useState<SmsType>(SmsType.ALL);
+  const [smsDetailData, setSmsDetailData] = useState<ExtensionSmsDetailResponse | null>(null);
 
   const { mutateAsync: smsPaymentList } = useExtensionSmsListMutation();
   const { mutateAsync: downloadExcel } = useExtensionSmsDownloadExcelMutation();
+  const { mutateAsync: detail } = useExtensionSmsDetailMutation();
 
   useSetHeaderTitle('SMS 결제 통보');
   useSetHeaderType(HeaderType.LeftArrow);
@@ -79,6 +83,17 @@ export const SmsPaymentPage = () => {
     return data;
   };
 
+  const callDetail = (selectedMid: string, selectedTid: string) => {
+    console.log("Selected Mid: ", selectedMid, "Selected Tid: ", selectedTid)
+    detail({
+      mid: selectedMid,
+      tid: selectedTid
+    }).then((rs) => {
+      console.log('Detail info : ', rs)
+      setSmsDetailData(rs);
+    })
+  }
+
   const onClickToDownloadExcel = () => {
     downloadExcel({
       mid: mid,
@@ -103,7 +118,9 @@ export const SmsPaymentPage = () => {
   };
 
 
-  const onClickToShowDetail = () => {
+  const onClickToShowDetail = (selectedMid: string, selectedTid: string) => {
+    setTid(selectedTid);
+    callDetail(selectedMid, selectedTid);
     setBottomSmsPaymentDetailResendOn(true);
   };
 
@@ -161,6 +178,7 @@ export const SmsPaymentPage = () => {
       <SmsPaymentDetailResend
         bottomSmsPaymentDetailResendOn={bottomSmsPaymentDetailResendOn}
         setBottomSmsPaymentDetailResendOn={setBottomSmsPaymentDetailResendOn}
+        smsDetailData={smsDetailData}
       ></SmsPaymentDetailResend>
 
       <SmsPaymentFilter