bottom sheet

src/pages/transaction/cash-receipt/list-page.tsx

@@ -32,6 +32,7 @@ import {
 import { CashReceiptTransactionTypeBtnGroup } from '@/entities/transaction/model/contant';
 import { useStore } from '@/shared/model/store';
 import { useCashReceiptSummaryMutation } from '@/entities/transaction/api/use-cash-receipt-summary-mutation';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const CashReceiptListPage = () => {
 	const { navigate } = useNavigate();
@@ -55,6 +56,8 @@ export const CashReceiptListPage = () => {
 	const [cancelAmount, setCancelAmount] = useState<number>(0);
 	const [totalCount, setTotalCount] = useState<number>(0);
 
+	const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
+
 	useSetHeaderTitle('현금영수증');
 	useSetHeaderType(HeaderType.LeftArrow);
 	useSetOnBack(() => {
@@ -104,7 +107,11 @@ export const CashReceiptListPage = () => {
 			setTotalCount(rs.totalCount);
 		});
 
-	};
+	}
+
+	const onRequestDownloadExcel = (userEmail?: string) => {
+    setEmailBottomSheetOn(true);
+  };
 
 	const onClickToOpenFilter = () => {
 		setFilterOn(!filterOn);
@@ -262,6 +269,15 @@ export const CashReceiptListPage = () => {
 				setSearchNumberType={ setSearchNumberType }
 				setSearchNumber={ setSearchNumber }
 			></CashReceiptFilter>
+			{ !!emailBottomSheetOn &&
+				<EmailBottomSheet
+					bottomSheetOn={ emailBottomSheetOn }
+					setBottomSheetOn={ setEmailBottomSheetOn }
+					imageSave={ false }
+					sendEmail={ true }
+					sendRequest={ onRequestDownloadExcel }
+				></EmailBottomSheet>
+			}
 		</>
 	);
 };