From 1bbf90b98e5566196f73e7977ebedc1cab6457a6 Mon Sep 17 00:00:00 2001 From: "focp212@naver.com" Date: Fri, 7 Nov 2025 17:46:06 +0900 Subject: [PATCH] downloadbottomsheet --- .../ui/fund-account/detail/result-detail.tsx | 35 ++++++----- .../ui/fund-account/result-list-wrap.tsx | 41 +++++++------ .../ui/fund-account/transfer-list-wrap.tsx | 37 +++++++----- .../link-payment-history-wrap.tsx | 39 +++++++----- .../link-payment-wait-send-wrap.tsx | 38 +++++++----- .../ui/payout/detail/payout-detail.tsx | 50 +++++++--------- ...om-sheet.tsx => download-bottom-sheet.tsx} | 59 +++++++++++++------ src/entities/settlement/ui/list-wrap.tsx | 25 ++++---- .../transaction/ui/detail/escrow-detail.tsx | 21 ++++--- .../ui/section/amount-info-section.tsx | 35 +++++------ src/entities/vat-return/ui/list-wrap.tsx | 29 +++++---- .../vat-return/ui/section/amount-section.tsx | 13 ++-- .../account-holder-auth-page.tsx | 41 +++++++------ .../account-holder-search-page.tsx | 42 +++++++------ .../additional-service/alimtalk/list-page.tsx | 41 +++++++------ .../additional-service/ars/list-page.tsx | 41 +++++++------ .../face-auth/face-auth-page.tsx | 42 +++++++------ .../key-in-payment/key-in-payment-page.tsx | 39 ++++++------ .../additional-service/payout/list-page.tsx | 43 ++++++++------ .../sms-payment/sms-payment-page.tsx | 41 +++++++------ .../transaction/all-transaction/list-page.tsx | 31 ++++++---- src/pages/transaction/billing/list-page.tsx | 17 ++++-- .../transaction/cash-receipt/list-page.tsx | 28 +++++---- src/pages/transaction/escrow/list-page.tsx | 25 ++++---- 24 files changed, 485 insertions(+), 368 deletions(-) rename src/entities/common/ui/{email-bottom-sheet.tsx => download-bottom-sheet.tsx} (77%) diff --git a/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx b/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx index 5a0bf80..33ebcc8 100644 --- a/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx +++ b/src/entities/additional-service/ui/fund-account/detail/result-detail.tsx @@ -10,7 +10,7 @@ import { import moment from 'moment'; import { useExtensionFundAccountResultDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-result-detail-mutation'; import { useExtensionFundAccountDownloadReceiptMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-download-certificate-mutation'; -import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet'; +import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet'; import { DetailMotionDuration, DetailMotionStyle, DetailMotionVariants } from '@/entities/common/model/constant'; import { FullMenuClose } from '@/entities/common/ui/full-menu-close'; import { showAlert } from '@/widgets/show-alert'; @@ -31,7 +31,8 @@ export const FundAccountResultDetail = ({ const { t } = useTranslation(); const [detail, setDetail] = useState(); - const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); const { mutateAsync: extensionFundAccountResultDetail } = useExtensionFundAccountResultDetailMutation(); const { mutateAsync: extensionFundAccountDownlaodReceipt } = useExtensionFundAccountDownloadReceiptMutation(); @@ -53,16 +54,21 @@ export const FundAccountResultDetail = ({ }); }; - const onClickToOpenEmailBottomSheet = () => { - setEmailBottomSheetOn(true); + const onClickToOpenDownloadBottomSheet = () => { + setDownloadBottomSheetOn(true); }; - const onSendRequest = (selectedEmail?: string) => { - if (selectedEmail) { + const onRequestDownload = ( + selectedMode: DownloadSelectedMode, + userEmail?: string + ) => { + if(selectedMode === DownloadSelectedMode.EMAIL + && userEmail + ){ let params: ExtensionFundAccountDownloadReceiptParams = { mid: mid, tid: tid, - email: selectedEmail + email: userEmail }; extensionFundAccountDownlaodReceipt(params).then((rs: ExtensionFundAccountDownloadReceiptResponse) => { console.log('Receipt Download Status:', rs); @@ -73,7 +79,6 @@ export const FundAccountResultDetail = ({ } }); } - setEmailBottomSheetOn(false); }; const onClickToClose = () => { @@ -123,7 +128,7 @@ export const FundAccountResultDetail = ({ @@ -528,14 +531,14 @@ export const ListWrap = ({ settlementId={ detailSettlementId } tid={ detailTid } > - { !!emailBottomSheetOn && - + > } ); diff --git a/src/entities/transaction/ui/detail/escrow-detail.tsx b/src/entities/transaction/ui/detail/escrow-detail.tsx index c6a32ca..9799142 100644 --- a/src/entities/transaction/ui/detail/escrow-detail.tsx +++ b/src/entities/transaction/ui/detail/escrow-detail.tsx @@ -24,7 +24,7 @@ import { import { useEscrowMailResendMutation } from '@/entities/transaction/api/use-escrow-mail-resend-mutation'; import { MerchantInfoSection } from '@/entities/transaction/ui/section/merchant-info-section'; import { AmountInfoSection } from '@/entities/transaction/ui/section/amount-info-section'; -import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet'; +import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet'; import { DetailMotionDuration, DetailMotionStyle, DetailMotionVariants } from '@/entities/common/model/constant'; import { FullMenuClose } from '@/entities/common/ui/full-menu-close'; import { checkGrant } from '@/shared/lib/check-grant'; @@ -65,7 +65,7 @@ export const EscrowDetail = ({ const [showSettlementInfo, setShowSettlementInfo] = useState(false); const [showMerchantInfo, setShowMerchantInfo] = useState(false); - const [bottomSheetOn, setBottomSheetOn] = useState(false); + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); const [orderNumber, setOrderNumber] = useState(); @@ -102,14 +102,17 @@ export const EscrowDetail = ({ const onClickToShowMailResend = () => { if(checkGrant(menuId, 'X')){ - setBottomSheetOn(true); + setDownloadBottomSheetOn(true); } else{ showAlert(t('common.nopermission')); } }; - const callMailResend = () => { + const callMailResend = ( + selectedMode: DownloadSelectedMode, + userEmail?: string + ) => { let params = { orderNumber: orderNumber, tid: tid, @@ -231,14 +234,14 @@ export const EscrowDetail = ({ >메일 재발송 - { !!bottomSheetOn && - + > } ); diff --git a/src/entities/transaction/ui/section/amount-info-section.tsx b/src/entities/transaction/ui/section/amount-info-section.tsx index ca23ac7..71591a1 100644 --- a/src/entities/transaction/ui/section/amount-info-section.tsx +++ b/src/entities/transaction/ui/section/amount-info-section.tsx @@ -4,11 +4,10 @@ import { SectionTitleArrow } from '@/entities/common/ui/section-title-arrow'; import { CashReceiptReceiptDownloadParams, CashReceiptReceiptDownloadResponse, InfoSectionKeys, InfoSectionProps, TransactionCategory } from '../../model/types'; import { SlideDown } from 'react-slidedown'; import 'react-slidedown/lib/slidedown.css'; -import { showAlert } from '@/widgets/show-alert'; import { snackBar } from '@/shared/lib'; import { useCashReceiptReceiptDownloadMutation } from '../../api/use-cash-receipt-receipt-download-mutation'; import { useState } from 'react'; -import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet'; +import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet'; export const AmountInfoSection = ({ transactionCategory, @@ -22,7 +21,8 @@ export const AmountInfoSection = ({ const { t } = useTranslation(); const { mutateAsync: cashReceiptReceiptDownload } = useCashReceiptReceiptDownloadMutation(); - const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); + let newAmountInfo: Record | undefined = amountInfo; const subItems: Record> = { mid: {name: t('transaction.fields.mid'), type: 'string'}, @@ -187,14 +187,13 @@ export const AmountInfoSection = ({ }; const onClickToOpenDownloadBottomSheet = () => { - setEmailBottomSheetOn(true); + setDownloadBottomSheetOn(true); }; - const onSendRequest = (email?: string) => { - - }; - - const onRequestToDownload = () => { + const onRequestDownload = ( + selectedMode: DownloadSelectedMode, + userEmail?: string + ) => { if(!!tid){ let params: CashReceiptReceiptDownloadParams = { tid: tid @@ -210,7 +209,7 @@ export const AmountInfoSection = ({ }); } }; - + return ( <>
@@ -414,13 +413,15 @@ export const AmountInfoSection = ({ }
- + { !!downloadBottomSheetOn && + + } ); }; \ No newline at end of file diff --git a/src/entities/vat-return/ui/list-wrap.tsx b/src/entities/vat-return/ui/list-wrap.tsx index 68d44e0..76c2dab 100644 --- a/src/entities/vat-return/ui/list-wrap.tsx +++ b/src/entities/vat-return/ui/list-wrap.tsx @@ -17,7 +17,7 @@ import { import { useVatReturnListMutation } from '../api/use-vat-return-list-mutation'; import { ListDateGroup } from './list-date-group'; 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 useIntersectionObserver from '@/widgets/intersection-observer'; import { TaxInvoiceDetail } from './detail/tax-invoice-detail'; import { showAlert } from '@/widgets/show-alert'; @@ -40,7 +40,7 @@ export const ListWrap = () => { const [receiptType, setReceiptType] = useState(VatReturnReceiptType.ALL); const [targetType, setTargetType] = useState(VatReturnTargetType.ALL); - const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); const [detailOn, setDetailOn] = useState(false); const [detailTaxInvoiceNumber, setDetailTaxInvoiceNumber] = useState(''); @@ -118,17 +118,20 @@ export const ListWrap = () => { const onClickToSort = (sort: SortTypeKeys) => { setSortType(sort); }; - const onClickToDownloadExcel = () => { + const onClickToOpenDownloadBottomSheet = () => { if(checkGrant(menuId, 'D')){ - setEmailBottomSheetOn(true); + setDownloadBottomSheetOn(true); } else{ showAlert(t('common.nopermission')); } }; - const onRequestDownloadExcel = (userEmail?: string) => { - - }; + const onRequestDownloadExcel = ( + selectedMode: DownloadSelectedMode, + userEmail?: string + ) => { + + }; useEffect(() => { callList(); @@ -212,7 +215,7 @@ export const ListWrap = () => { {t('transaction.download')} @@ -247,14 +250,14 @@ export const ListWrap = () => { taxInvoiceNumber={ detailTaxInvoiceNumber } > - { !!emailBottomSheetOn && - + > } ); diff --git a/src/entities/vat-return/ui/section/amount-section.tsx b/src/entities/vat-return/ui/section/amount-section.tsx index e664f59..e145726 100644 --- a/src/entities/vat-return/ui/section/amount-section.tsx +++ b/src/entities/vat-return/ui/section/amount-section.tsx @@ -6,7 +6,7 @@ import { NumericFormat } from 'react-number-format'; import SlideDown from 'react-slidedown'; import 'react-slidedown/lib/slidedown.css'; import { useState } from 'react'; -import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet'; +import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet'; export interface AmountSectionProps { detail: VatReturnDetailResponse; @@ -24,8 +24,11 @@ export const AmountSection = ({ setIsOpen(status); }; - const onRequestDownload = (userEmail?: string) => { - + const onRequestDownload = ( + selectedMode: DownloadSelectedMode, + userEmail?: string + ) => { + }; const onClickToOpenDownloadBottomSheet = () => { @@ -86,13 +89,13 @@ export const AmountSection = ({ { !!downloadBottomSheetOn && - + > } ); diff --git a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx index 72b244e..6e97589 100644 --- a/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx +++ b/src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx @@ -22,7 +22,7 @@ import { AccountHolderAuthFilter } from '@/entities/additional-service/ui/accoun import { useStore } from '@/shared/model/store'; import { AccountHolderAuthStatus, AccountHolderAuthItem, ExtensionAccountHolderAuthDownloadExcelParams, ExtensionAccountHolderAuthDownloadExcelResponse } from '@/entities/additional-service/model/account-holder-auth/types'; import { AdditionalServiceCategory, DetailData } from '@/entities/additional-service/model/types'; -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 { AccountHolderAuthDetail } from '@/entities/additional-service/ui/account-holder-auth/detail/account-holder-auth-detail'; @@ -53,7 +53,8 @@ export const AccountHolderAuthPage = () => { const [detailOn, setDetailOn] = useState(false); const [detailMid, setDetailMid] = useState(''); const [detailTid, setDetailTid] = useState(''); - const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); useSetHeaderTitle(t('additionalService.accountHolderAuth.title')); useSetHeaderType(HeaderType.LeftArrow); @@ -156,19 +157,24 @@ export const AccountHolderAuthPage = () => { }; - const onClickToOpenEmailBottomSheet = () => { + const onClickToOpenDownloadBottomSheet = () => { if (!checkGrant(59, '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: ExtensionAccountHolderAuthDownloadExcelParams = { mid: mid, - email: selectedEmail, + email: userEmail, fromDate: fromDate, toDate: toDate, authStatus: authStatus @@ -182,7 +188,6 @@ export const AccountHolderAuthPage = () => { } }); } - setEmailBottomSheetOn(false); }; useEffect(() => { @@ -220,14 +225,14 @@ export const AccountHolderAuthPage = () => { {t('common.searchOptions')} onClickToOpenFilter()} + onClick={ onClickToOpenFilter } /> @@ -278,14 +283,14 @@ export const KeyInPaymentPage = () => { setMinAmount={setMinAmount} setMaxAmount={setMaxAmount} > - { !!emailBottomSheetOn && - + sendRequest={ onRequestDownloadExcel } + > } ); diff --git a/src/pages/additional-service/payout/list-page.tsx b/src/pages/additional-service/payout/list-page.tsx index 149f704..e993f07 100644 --- a/src/pages/additional-service/payout/list-page.tsx +++ b/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.ALL); const [minAmount, setMinAmount] = useState(); const [maxAmount, setMaxAmount] = useState(); - const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); const [detailOn, setDetailOn] = useState(false); const [detailMid, setDetailMid] = useState(''); @@ -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 = () => { @@ -399,14 +404,14 @@ export const AllTransactionListPage = () => { tid={ detailTid } serviceCode={ detailServiceCode } > - { !!emailBottomSheetOn && - + > } ); diff --git a/src/pages/transaction/billing/list-page.tsx b/src/pages/transaction/billing/list-page.tsx index b83eff0..46a0219 100644 --- a/src/pages/transaction/billing/list-page.tsx +++ b/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(); const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); + const [detailOn, setDetailOn] = useState(false); const [detailTid, setDetailTid] = useState(''); @@ -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 } > { !!downloadBottomSheetOn && - + sendRequest={ onRequestDownloadExcel } + > } ); diff --git a/src/pages/transaction/cash-receipt/list-page.tsx b/src/pages/transaction/cash-receipt/list-page.tsx index b53a308..287c625 100644 --- a/src/pages/transaction/cash-receipt/list-page.tsx +++ b/src/pages/transaction/cash-receipt/list-page.tsx @@ -32,7 +32,7 @@ import { import { getCashReceiptTransactionTypeBtnGroup } 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'; +import { DownloadBottomSheet, DownloadSelectedMode } from '@/entities/common/ui/download-bottom-sheet'; import useIntersectionObserver from '@/widgets/intersection-observer'; import { CashReceiptDetail } from '@/entities/transaction/ui/detail/cash-receit-detail'; import { checkGrant } from '@/shared/lib/check-grant'; @@ -65,7 +65,7 @@ export const CashReceiptListPage = () => { const [cancelAmount, setCancelAmount] = useState(0); const [totalCount, setTotalCount] = useState(0); - const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); const [detailOn, setDetailOn] = useState(false); const [detailTid, setDetailTid] = useState(''); @@ -172,10 +172,14 @@ export const CashReceiptListPage = () => { } - const onRequestDownloadExcel = (userEmail?: string) => { - setEmailBottomSheetOn(true); + const onRequestDownloadExcel = ( + selectedMode: DownloadSelectedMode, + userEmail?: string + ) => { + }; + const setDetailData = (detailData: DetailData) => { setDetailOn(detailData.detailOn); setDetailTid(detailData.tid); @@ -187,9 +191,9 @@ export const CashReceiptListPage = () => { const onClickToOpenFilter = () => { setFilterOn(!filterOn); }; - const onClickToDownloadExcel = () => { + const onClickToOpenDownloadBottomSheet = () => { if(checkGrant(menuId, 'D')){ - setEmailBottomSheetOn(true); + setDownloadBottomSheetOn(true); } else{ showAlert(t('common.nopermission')); @@ -245,7 +249,7 @@ export const CashReceiptListPage = () => { { onClickToDownloadExcel()} + onClick={() => onClickToOpenDownloadBottomSheet()} /> @@ -330,14 +334,14 @@ export const CashReceiptListPage = () => { setDetailOn={ setDetailOn } tid={ detailTid } > - { !!emailBottomSheetOn && - + > } ); diff --git a/src/pages/transaction/escrow/list-page.tsx b/src/pages/transaction/escrow/list-page.tsx index 54e00ec..318accd 100644 --- a/src/pages/transaction/escrow/list-page.tsx +++ b/src/pages/transaction/escrow/list-page.tsx @@ -28,7 +28,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 { EscrowDetail } from '@/entities/transaction/ui/detail/escrow-detail'; import { checkGrant } from '@/shared/lib/check-grant'; @@ -58,7 +58,7 @@ export const EscrowListPage = () => { const [minAmount, setMinAmount] = useState(); const [maxAmount, setMaxAmount] = useState(); - const [emailBottomSheetOn, setEmailBottomSheetOn] = useState(false); + const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); const [detailOn, setDetailOn] = useState(false); const [detailTid, setDetailTid] = useState(''); @@ -150,15 +150,18 @@ export const EscrowListPage = () => { const onClickToOpenFilter = () => { setFilterOn(!filterOn); }; - const onClickToDownloadExcel = () => { + const onClickToOpenDownloadBottomSheet = () => { if(checkGrant(menuId, 'D')){ - setEmailBottomSheetOn(true); + setDownloadBottomSheetOn(true); } else{ showAlert(t('common.nopermission')); } }; - const onRequestDownloadExcel = (userEmail?: string) => { + const onRequestDownloadExcel = ( + selectedMode: DownloadSelectedMode, + userEmail?: string + ) => { }; @@ -213,7 +216,7 @@ export const EscrowListPage = () => { { onClickToDownloadExcel() } + onClick={ () => onClickToOpenDownloadBottomSheet() } /> @@ -275,14 +278,14 @@ export const EscrowListPage = () => { tid={ detailTid } serviceCode={ detailServiceCode } > - { !!emailBottomSheetOn && - + > } );