bottom sheet

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

@@ -28,6 +28,7 @@ import {
 	useSetHeaderType,
 	useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const BillingListPage = () => {
 	const { navigate } = useNavigate();
@@ -50,6 +51,8 @@ export const BillingListPage = () => {
 	const [minAmount, setMinAmount] = useState<number>();
 	const [maxAmount, setMaxAmount] = useState<number>();
 
+	const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
+
 	useSetHeaderTitle('빌링');
 	useSetHeaderType(HeaderType.LeftArrow);
 	useSetOnBack(() => {
@@ -100,12 +103,7 @@ export const BillingListPage = () => {
     setFilterOn(!filterOn);
   };
   const onClickToDownloadExcel = () => {
-    // tid??? 확인 필요
-    downloadExcel({
-      // tid: tid
-    }).then((rs) => {
-
-    });
+    setEmailBottomSheetOn(true);
   };
   const onClickToSort = (sort: SortTypeKeys) => {
     setSortType(sort);
@@ -121,6 +119,10 @@ export const BillingListPage = () => {
 		});
   };
 
+	const onRequestDownloadExcel = (userEmail?: string) => {
+
+	};
+
   useEffect(() => {
     callList();
   }, []);
@@ -215,6 +217,15 @@ export const BillingListPage = () => {
 				setMinAmount={ setMinAmount }
 				setMaxAmount={ setMaxAmount }
       ></BillingFilter>
+			{ !!emailBottomSheetOn &&
+				<EmailBottomSheet
+					bottomSheetOn={ emailBottomSheetOn }
+					setBottomSheetOn={ setEmailBottomSheetOn }
+					imageSave={ false }
+					sendEmail={ true }
+					sendRequest={ onRequestDownloadExcel }
+				></EmailBottomSheet>
+			}
 		</>
 	);
 };