downloadbottomsheet

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

@@ -29,7 +29,7 @@ import {
 	useSetHeaderType,
 	useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
-import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
+import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
 import useIntersectionObserver from '@/widgets/intersection-observer';
 import { BillingDetail } from '@/entities/transaction/ui/detail/billing-detail';
 import { showAlert } from '@/widgets/show-alert';
@@ -60,6 +60,7 @@ export const BillingListPage = () => {
 	const [maxAmount, setMaxAmount] = useState<number>();
 
 	const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
+
 	const [detailOn, setDetailOn] = useState<boolean>(false);
   const [detailTid, setDetailTid] = useState<string>('');
 
@@ -174,9 +175,13 @@ export const BillingListPage = () => {
 		}
   };
 
-	const onRequestDownload = (userEmail?: string) => {
+	const onRequestDownloadExcel = (
+		selectedMode: DownloadSelectedMode,
+		userEmail?: string
+	) => {
+    
+  };
 
-	};
 	const setDetailData = (detailData: DetailData) => {
 		setDetailOn(detailData.detailOn);
 		setDetailTid(detailData.tid);
@@ -287,13 +292,13 @@ export const BillingListPage = () => {
 				tid={ detailTid }
 			></BillingDetail>
 			{ !!downloadBottomSheetOn &&
-				<EmailBottomSheet
+				<DownloadBottomSheet
 					bottomSheetOn={ downloadBottomSheetOn }
 					setBottomSheetOn={ setDownloadBottomSheetOn }
 					imageMode={ false }
 					emailMode={ true }
-					sendRequest={ onRequestDownload }
-				></EmailBottomSheet>
+					sendRequest={ onRequestDownloadExcel }
+				></DownloadBottomSheet>
 			}
 		</>
 	);