bottom sheet

src/pages/transaction/escrow/list-page.tsx

@@ -27,6 +27,7 @@ import {
 	useSetHeaderType,
 	useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const EscrowListPage = () => {
 	const { navigate } = useNavigate();
@@ -46,7 +47,9 @@ export const EscrowListPage = () => {
 	const [deliveryStatus, setDeliveryStatus] = useState<EscrowDeliveryStatus>(EscrowDeliveryStatus.ALL);
 	const [settlementStatus, setSettlementStatus] = useState<EscrowSettlementStatus>(EscrowSettlementStatus.ALL);
 	const [minAmount, setMinAmount] = useState<number>();
-	const [maxAmount, setMaxAmount] = useState<number>();	
+	const [maxAmount, setMaxAmount] = useState<number>();
+
+	const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
 		
 	useSetHeaderTitle('에스크로');
 	useSetHeaderType(HeaderType.LeftArrow);
@@ -97,12 +100,17 @@ export const EscrowListPage = () => {
     setFilterOn(!filterOn);
   };
   const onClickToDownloadExcel = () => {
+    setEmailBottomSheetOn(true);
+  };
+	const onRequestDownloadExcel = (userEmail?: string) => {
     // tid??? 확인 필요
+    /*
     downloadExcel({
       // tid: tid
     }).then((rs) => {
 
     });
+    */
   };
   const onClickToSort = (sort: SortTypeKeys) => {
     setSortType(sort);
@@ -210,6 +218,15 @@ export const EscrowListPage = () => {
 				setMinAmount={ setMinAmount }
 				setMaxAmount={ setMaxAmount }
       ></EscrowFilter>
+			{ !!emailBottomSheetOn &&
+				<EmailBottomSheet
+					bottomSheetOn={ emailBottomSheetOn }
+					setBottomSheetOn={ setEmailBottomSheetOn }
+					imageSave={ false }
+					sendEmail={ true }
+					sendRequest={ onRequestDownloadExcel }
+				></EmailBottomSheet>
+			}
 		</>
 	);
 };