downloadbottomsheet

src/pages/additional-service/payout/list-page.tsx

@@ -29,7 +29,7 @@ import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group'
 import { useTranslation } from 'react-i18next';
 import { AdditionalServiceCategory, DetailData } from '@/entities/additional-service/model/types';
 import { useStore } from '@/shared/model/store';
-import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
+import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet';
 import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check';
 import useIntersectionObserver from '@/widgets/intersection-observer';
 import { PayoutList } from '@/entities/additional-service/ui/payout/payout-list';
@@ -59,7 +59,8 @@ export const PayoutListPage = () => {
   const [status, setStatus] = useState<PayoutDisbursementStatus>(PayoutDisbursementStatus.ALL);
   const [minAmount, setMinAmount] = useState<number | undefined>();
   const [maxAmount, setMaxAmount] = useState<number | undefined>();
-  const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
+  
+  const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
 
   const [detailOn, setDetailOn] = useState<boolean>(false);
   const [detailMid, setDetailMid] = useState<string>('');
@@ -155,19 +156,24 @@ export const PayoutListPage = () => {
     });
   };
 
-  const onClickToOpenEmailBottomSheet = () => {
+  const onClickToOpenDownloadBottomSheet = () => {
     if (!checkGrant(53, 'D')) {
       showAlert(t('common.nopermission'));
       return;
     }
-    setEmailBottomSheetOn(true);
+    setDownloadBottomSheetOn(true);
   };
 
-  const onSendRequest = (selectedEmail?: string) => {
-    if (selectedEmail) {
+  const onRequestDownloadExcel = (
+		selectedMode: DownloadSelectedMode,
+		userEmail?: string
+	) => {
+    if(selectedMode === DownloadSelectedMode.EMAIL
+      && userEmail
+    ){
       const params: ExtensionPayoutExcelParams = {
         mid: mid,
-        email: selectedEmail,
+        email: userEmail,
         fromDate: fromDate,
         toDate: toDate,
       };
@@ -180,7 +186,6 @@ export const PayoutListPage = () => {
         }
       });
     }
-    setEmailBottomSheetOn(false);
   };
 
   const setDetailData = (detailData: DetailData) => {
@@ -294,7 +299,7 @@ export const PayoutListPage = () => {
                 <button
                   className="download-btn"
                   aria-label={t('common.download')}
-                  onClick={onClickToOpenEmailBottomSheet}
+                  onClick={ onClickToOpenDownloadBottomSheet }
                 >
                   <img
                     src={IMAGE_ROOT + '/ico_download.svg'}
@@ -369,20 +374,20 @@ export const PayoutListPage = () => {
         setMaxAmount={setMaxAmount}
       ></PayoutFilter>
       <PayoutDetail
-      detailOn={detailOn}
-      setDetailOn={setDetailOn}
-      mid={detailMid}
-      tid={detailTid}
+        detailOn={detailOn}
+        setDetailOn={setDetailOn}
+        mid={detailMid}
+        tid={detailTid}
       >
       </PayoutDetail>
-      { !!emailBottomSheetOn &&
-        <EmailBottomSheet
-          bottomSheetOn={ emailBottomSheetOn }
-          setBottomSheetOn={ setEmailBottomSheetOn }
+      { !!downloadBottomSheetOn &&
+        <DownloadBottomSheet
+          bottomSheetOn={ downloadBottomSheetOn }
+          setBottomSheetOn={ setDownloadBottomSheetOn }
           imageMode={ false }
           emailMode={ true }
-          sendRequest={ onSendRequest }
-        ></EmailBottomSheet>
+          sendRequest={ onRequestDownloadExcel }
+        ></DownloadBottomSheet>
       }
     </>
   );