diff --git a/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx b/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx index 9fcc337..8e06b24 100644 --- a/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx +++ b/src/pages/additional-service/key-in-payment/key-in-payment-page.tsx @@ -29,6 +29,14 @@ import { checkGrant } from '@/shared/lib/check-grant'; import { showAlert } from '@/widgets/show-alert'; import { snackBar } from '@/shared/lib'; +const defaultParams = { + startDate: moment().format('YYYYMMDD'), + endDate: moment().format('YYYYMMDD'), + transactionType: KeyInPaymentTansactionType.ALL, + status: KeyInPaymentStatus.ALL, + minAmount: undefined, + maxAmount: undefined +}; export const KeyInPaymentPage = () => { const { navigate } = useNavigate(); const { t } = useTranslation(); @@ -45,15 +53,17 @@ export const KeyInPaymentPage = () => { const [filterOn, setFilterOn] = useState(false); const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM); const [mid, setMid] = useState(userMid); - const [startDate, setStartDate] = useState(moment().format('YYYYMMDD')); - const [endDate, setEndDate] = useState(moment().format('YYYYMMDD')); + const [startDate, setStartDate] = useState(moment().format('YYYYMMDD')); + const [endDate, setEndDate] = useState(moment().format('YYYYMMDD')); const [transactionType, setTransactionType] = useState(KeyInPaymentTansactionType.ALL) const [status, setStatus] = useState(KeyInPaymentStatus.ALL); - const [minAmount, setMinAmount] = useState(); - const [maxAmount, setMaxAmount] = useState(); + const [minAmount, setMinAmount] = useState(); + const [maxAmount, setMaxAmount] = useState(); const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); + const [filterUsed, setFilterUsed] = useState(false); + useSetHeaderTitle(t('additionalService.keyIn.title')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); @@ -184,8 +194,23 @@ export const KeyInPaymentPage = () => { setTransactionType(val); }; + const checkUsedFilter = () => { + let rs: boolean = true; + if(startDate === defaultParams.startDate + && endDate === defaultParams.endDate + && transactionType === defaultParams.transactionType + && status === defaultParams.status + && minAmount === defaultParams.minAmount + && maxAmount === defaultParams.maxAmount + ){ + rs = false; + } + setFilterUsed(rs); + }; + useEffect(() => { callList(); + checkUsedFilter(); }, [ mid, startDate, @@ -200,7 +225,6 @@ export const KeyInPaymentPage = () => { return ; } - return ( <>
@@ -224,6 +248,9 @@ export const KeyInPaymentPage = () => { alt="검색옵션" onClick={ onClickToOpenFilter } /> + { filterUsed && + + }