- 자금이체 : 이체신청,결과조회 리스트,상세정보 수정

- 부가서비스 엑셀 다운로드 이메일 바텀시트 추가

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

@@ -20,6 +20,7 @@ import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
 import { ArsPaymentStatusBtnGroup } from '@/entities/additional-service/model/ars/constant';
 import { ArsFilter } from '@/entities/additional-service/ui/filter/ars-filter';
 import { useStore } from '@/shared/model/store';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const ArsListPage = () => {
   const { navigate } = useNavigate();
@@ -38,6 +39,7 @@ export const ArsListPage = () => {
   const [orderStatus, setOrderStatus] = useState<OrderStatus>(OrderStatus.ALL);
   const [minAmount, setMinAmount] = useState<number>();
   const [maxAmount, setMaxAmount] = useState<number>();
+  const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
 
   const { mutateAsync: extensionArsList } = useExtensionArsListMutation();
   const { mutateAsync: extensionArsDownloadExcel } = useExtensionArsDownloadExcelMutation();
@@ -75,20 +77,28 @@ export const ArsListPage = () => {
     });
   };
 
-  const callDownloadExcel = () => {
-    let params: ExtensionArsDownloadExcelParams = {
-      mid: mid,
-      moid: moid,
-      fromDate: fromDate,
-      toDate: toDate,
-      paymentStatus: paymentStatus,
-      orderStatus: orderStatus,
-      minAmount: minAmount,
-      maxAmount: maxAmount,
-    };
-    extensionArsDownloadExcel(params).then((rs: ExtensionArsDownloadExcelResponse) => {
+  const onClickToOpenEmailBottomSheet = () => {
+    setEmailBottomSheetOn(true);
+  };
 
-    });
+  const onSendRequest = (selectedEmail?: string) => {
+    if (selectedEmail) {
+      const params: ExtensionArsDownloadExcelParams = {
+        mid: mid,
+        moid: moid,
+        fromDate: fromDate,
+        toDate: toDate,
+        paymentStatus: paymentStatus,
+        orderStatus: orderStatus,
+        minAmount: minAmount,
+        maxAmount: maxAmount,
+        //email: selectedEmail
+      };
+      extensionArsDownloadExcel(params).then((rs: ExtensionArsDownloadExcelResponse) => {
+        console.log('Excel Download Status:', rs);
+      });
+    }
+    setEmailBottomSheetOn(false);
   };
 
   const onClickToNavigate = () => {
@@ -96,10 +106,6 @@ export const ArsListPage = () => {
       state: { mid }
     });
   };
-
-  const onClickToDownloadExcel = () => {
-    callDownloadExcel();
-  };
   const onClickToOpenFilter = () => {
     setFilterOn(!filterOn);
   };
@@ -206,7 +212,7 @@ export const ArsListPage = () => {
                 <button
                   className="download-btn"
                   aria-label="다운로드"
-                  onClick={() => onClickToDownloadExcel()}
+                  onClick={() => onClickToOpenEmailBottomSheet()}
                 >
                   <img
                     src={IMAGE_ROOT + '/ico_download.svg'}
@@ -268,6 +274,13 @@ export const ArsListPage = () => {
         setMinAmount={setMinAmount}
         setMaxAmount={setMaxAmount}
       ></ArsFilter>
+      <EmailBottomSheet
+        bottomSheetOn={emailBottomSheetOn}
+        setBottomSheetOn={setEmailBottomSheetOn}
+        imageSave={false}
+        sendEmail={true}
+        sendRequest={onSendRequest}
+      ></EmailBottomSheet>
     </>
   );
 };