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

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

src/entities/additional-service/ui/fund-account/result-list-wrap.tsx

@@ -36,8 +36,7 @@ export const FundAccountResultListWrap = () => {
   const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
   const [bankCode, setBankCode] = useState<string>('');
   const [resultStatus, setResultStatus] = useState<FundAccountResultStatus>(FundAccountResultStatus.ALL);
-
-  const [email, setEmail] = useState<string>('');
+  const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
 
   const [totalRequestCount, setTotalRequestCount] = useState<number>(0);
   const [totalRequestAmount, setTotalRequestAmount] = useState<number>(0);
@@ -79,18 +78,6 @@ export const FundAccountResultListWrap = () => {
   };
 
 
-  const callDownloadExcel = () => {
-    let params: ExtensionFundAccountResultExcelParams = {
-      mid: mid,
-      email: email,
-      searchDateType: searchDateType,
-      fromDate: fromDate,
-      toDate: toDate,
-    };
-    extensionFundAccountResultExcel(params).then((rs: ExtensionFundAccountResultExcelResponse) => {
-
-    });
-  };
   const callSummary = () => {
     let params: ExtensionFundAccountResultSummaryParams = {
       mid: mid
@@ -106,8 +93,24 @@ export const FundAccountResultListWrap = () => {
     });
   };
 
-  const onClickToDownloadExcel = () => {
-    callDownloadExcel();
+  const onClickToOpenEmailBottomSheet = () => {
+    setEmailBottomSheetOn(true);
+  };
+
+  const onSendRequest = (selectedEmail?: string) => {
+    if (selectedEmail) {
+      let params: ExtensionFundAccountResultExcelParams = {
+        mid: mid,
+        email: selectedEmail,
+        searchDateType: searchDateType,
+        fromDate: fromDate,
+        toDate: toDate,
+      };
+      extensionFundAccountResultExcel(params).then((rs: ExtensionFundAccountResultExcelResponse) => {
+        console.log('Excel Download Status:', rs);
+      });
+    }
+    setEmailBottomSheetOn(false);
   };
 
   const onClickToOpenFilter = () => {
@@ -141,17 +144,18 @@ export const FundAccountResultListWrap = () => {
             date = requestDate;
           }
           if (date !== requestDate) {
-            date = requestDate;
             if (list.length > 0) {
               rs.push(
                 <ListDateGroup
                   additionalServiceCategory={AdditionalServiceCategory.FundAccountResult}
+                  mid={mid}
                   key={date + '-' + i}
                   date={date}
                   items={list}
                 ></ListDateGroup>
               );
             }
+            date = requestDate;
             list = [];
           }
           list.push(items);
@@ -219,7 +223,7 @@ export const FundAccountResultListWrap = () => {
           <button
             className="download-btn"
             aria-label="다운로드"
-            onClick={() => onClickToDownloadExcel()}
+            onClick={() => onClickToOpenEmailBottomSheet()}
           >
             <img
               src={IMAGE_ROOT + '/ico_download.svg'}
@@ -345,6 +349,13 @@ export const FundAccountResultListWrap = () => {
         setBankCode={setBankCode}
         setResultStatus={setResultStatus}
       ></FundAccountResultFilter>
+      <EmailBottomSheet
+        bottomSheetOn={emailBottomSheetOn}
+        setBottomSheetOn={setEmailBottomSheetOn}
+        imageSave={false}
+        sendEmail={true}
+        sendRequest={onSendRequest}
+      ></EmailBottomSheet>
     </>
   );
 };