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

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

src/pages/additional-service/face-auth/face-auth-page.tsx

@@ -20,6 +20,7 @@ import { FaceAuthList } from '@/entities/additional-service/ui/face-auth/face-au
 import { FaceAuthFilter } from '@/entities/additional-service/ui/face-auth/filter/face-auth-filter';
 import { FaceAuthListItem, FaceAuthTransactionType } from '@/entities/additional-service/model/face-auth/types';
 import { ResultStatusBtnGroup } from '@/entities/additional-service/model/face-auth/constant';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const FaceAuthPage = () => {
     const { navigate } = useNavigate();
@@ -35,6 +36,7 @@ export const FaceAuthPage = () => {
     const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
     const [transactionType, setTransactionType] = useState<FaceAuthTransactionType>(FaceAuthTransactionType.ALL);
     const [processResult, setProcessResult] = useState<ProcessResult>(ProcessResult.ALL);
+    const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
 
     useSetHeaderTitle('안면인증');
     useSetHeaderType(HeaderType.LeftArrow);
@@ -87,17 +89,25 @@ export const FaceAuthPage = () => {
         //});
     };
 
-    const onClickToDownloadExcel = () => {
-        // downloadExcel({
-        //     mid: mid,
-        //     memberId: memberId,
-        //     fromDate: startDate,
-        //     toDate: endDate,
-        //     transactionType: transactionType,
-        //     resultStatus: processResult
-        // }).then((rs) => {
-        //     console.log('Excel Dowload Status : ' + rs.status);
-        // });
+    const onClickToOpenEmailBottomSheet = () => {
+        setEmailBottomSheetOn(true);
+    };
+
+    const onSendRequest = (selectedEmail?: string) => {
+        if (selectedEmail) {
+            // downloadExcel({
+            //     mid: mid,
+            //     //email: selectedEmail,
+            //     memberId: memberId,
+            //     fromDate: startDate,
+            //     toDate: endDate,
+            //     transactionType: transactionType,
+            //     resultStatus: processResult
+            // }).then((rs) => {
+            //     console.log('Excel Download Status: ' + rs.status);
+            // });
+        }
+        setEmailBottomSheetOn(false);
     };
 
     const onClickToOpenFilter = () => {
@@ -147,11 +157,12 @@ export const FaceAuthPage = () => {
                                 </div>
                                 <button
                                     className="download-btn"
+                                    aria-label="다운로드"
+                                    onClick={() => onClickToOpenEmailBottomSheet()}
                                 >
                                     <img
                                         src={IMAGE_ROOT + '/ico_download.svg'}
                                         alt="다운로드"
-                                        onClick={() => onClickToDownloadExcel()}
                                     />
                                 </button>
                             </div>
@@ -199,6 +210,13 @@ export const FaceAuthPage = () => {
                 setTransactionType={setTransactionType}
                 setProcessResult={setProcessResult}
             />
+            <EmailBottomSheet
+                bottomSheetOn={emailBottomSheetOn}
+                setBottomSheetOn={setEmailBottomSheetOn}
+                imageSave={false}
+                sendEmail={true}
+                sendRequest={onSendRequest}
+            ></EmailBottomSheet>
         </>
     );
 };