bottom sheet

src/entities/settlement/ui/list-wrap.tsx

@@ -30,6 +30,7 @@ import {
 } from '../model/types';
 import { DefaultRequestPagination, SortTypeKeys } from '@/entities/common/model/types';
 import { useStore } from '@/shared/model/store';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export interface ListWrapProps {
   startDateFromCalendar?: string;
@@ -68,6 +69,8 @@ export const ListWrap = ({
   const [transactionIds, setTransactionIds] = useState<Array<string>>([]);
   const [isOpenSummary, setIsOpenSummary] = useState<boolean>(false);
 
+  const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
+
   const { mutateAsync: settlementsHistory } = useSettlementsHistoryMutation();
   const { mutateAsync: settlementsHistorySummary} = useSettlementsHistorySummaryMutation();
   const { mutateAsync: settlementsTransactionList } = useSettlementsTransactionListMutation();
@@ -287,12 +290,18 @@ export const ListWrap = ({
     setFilterOn(!filterOn);
   };
   const onClickToDownloadExcel = () => {
+    setEmailBottomSheetOn(true);
+  };
+
+  const onRequestDownloadExcel = (userEmail?: string) => {
     // tid??? 확인 필요
+    /*
     downloadExcel({
       // tid: tid
     }).then((rs) => {
 
     });
+    */
   };
 
   return (
@@ -415,6 +424,15 @@ export const ListWrap = ({
         setEndDate={ setEndDate }
         setPaymentMethod={ setPaymentMethod }
       ></ListFilter>
+      { !!emailBottomSheetOn &&
+        <EmailBottomSheet
+          bottomSheetOn={ emailBottomSheetOn }
+          setBottomSheetOn={ setEmailBottomSheetOn }
+          imageSave={ false }
+          sendEmail={ true }
+          sendRequest={ onRequestDownloadExcel }
+        ></EmailBottomSheet>
+      }
     </>
   );
 };