email bottom

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

@@ -1,11 +1,20 @@
 import moment from 'moment';
+import { useStore } from '@/shared/model/store';
 import { ChangeEvent, useEffect, useState } from 'react';
 import { NumericFormat } from 'react-number-format';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { AllTransactionList } from '@/entities/transaction/ui/all-transaction-list';
-import { AllTransactionListItem, TransactionCategory, AllTransactionStatusCode, AllTransactionServiceCode, AllTransactionSearchCl, AllTransactionListParams, ListItemProps, AllTransactionListSummaryParams, AllTransactionListResponse, AllTransactionListSummaryResponse } from '@/entities/transaction/model/types';
+import { 
+  TransactionCategory, 
+  AllTransactionSearchCl, 
+  AllTransactionListParams, 
+  ListItemProps, 
+  AllTransactionListSummaryParams, 
+  AllTransactionListResponse, 
+  AllTransactionListSummaryResponse 
+} from '@/entities/transaction/model/types';
 import { useAllTransactionListMutation } from '@/entities/transaction/api/use-all-transaction-list-mutation';
 import { useAllTransactionListSummaryMutation } from '@/entities/transaction/api/use-all-transaction-list-summary-mutation';
 import { useDownloadExcelMutation } from '@/entities/transaction/api/use-download-excel-mutation';
@@ -19,8 +28,7 @@ import {
 	useSetHeaderType,
 	useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
-import { useStore } from '@/shared/model/store';
-import { useCodesListByCodeClMutation } from '@/entities/common/api/use-codes-list-by-codeCl-mutaion';
+import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 
 export const AllTransactionListPage = () => {
   const { navigate } = useNavigate();
@@ -35,8 +43,8 @@ export const AllTransactionListPage = () => {
   const [mid, setMid] = useState<string>(userMid);
   const [moid, setMoid] = useState<string>('');
   const [tid, setTid] = useState<string>('');
-  const [dateCl, setDateCl] = useState<string>();
-  const [goodsName, setGoodsName] = useState<string>();
+  const [dateCl, setDateCl] = useState<string>('');
+  const [goodsName, setGoodsName] = useState<string>('');
   // const [fromDate, setFromDate] = useState(moment().subtract(1, 'month').format('YYYYMMDD'));
   const [fromDate, setFromDate] = useState(moment().format('YYYYMMDD'));
   const [toDate, setToDate] = useState(moment().format('YYYYMMDD'));
@@ -51,6 +59,8 @@ export const AllTransactionListPage = () => {
 
   const [totalCount, setTotalCount] = useState<number>(0);
   const [totalAmount, setTotalAmount] = useState<number>(0);
+
+  const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
   
     
 	useSetHeaderTitle('거래내역 조회');
@@ -62,7 +72,6 @@ export const AllTransactionListPage = () => {
   
   const { mutateAsync: allTransactionList } = useAllTransactionListMutation();
   const { mutateAsync: allTransactionListSummary } = useAllTransactionListSummaryMutation();
-  const { mutateAsync: codesListByCodeCl} = useCodesListByCodeClMutation();
   const { mutateAsync: downloadExcel } = useDownloadExcelMutation();
   
   const callList = (option?: {
@@ -112,12 +121,18 @@ export const AllTransactionListPage = () => {
     setFilterOn(!filterOn);
   };
   const onClickToDownloadExcel = () => {
+    setEmailBottomSheetOn(true);
+    
+  };
+  const onRequestDownloadExcel = (userEmail?: string) => {
     // tid??? 확인 필요
+    /*
     downloadExcel({
       // tid: tid
     }).then((rs) => {
 
     });
+    */
   };
   const onClickToSort = (sort: SortTypeKeys) => {
     setSortType(sort);
@@ -270,6 +285,16 @@ export const AllTransactionListPage = () => {
         setSearchValue={ setSearchValue }
         serviceCodeOptions={ serviceCodeOptions }
       ></AllTransactionFilter>
+
+      { !!emailBottomSheetOn &&
+        <EmailBottomSheet
+          bottomSheetOn={ emailBottomSheetOn }
+          setBottomSheetOn={ setEmailBottomSheetOn }
+          imageSave={ false }
+          sendEmail={ true }
+          sendRequest={ onRequestDownloadExcel }
+        ></EmailBottomSheet>
+      }
     </>
 	);
 };