diff --git a/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx b/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx index eeb2fe5..9cf3f43 100644 --- a/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx +++ b/src/pages/additional-service/account-holder-search/account-holder-search-page.tsx @@ -30,6 +30,15 @@ import { AccountHolderSearchDetail } from '@/entities/additional-service/ui/acco import { showAlert } from '@/widgets/show-alert'; import { checkGrant } from '@/shared/lib/check-grant'; + +const defaultParams = { + searchCl: AccountHolderSearchCl.ACCOUNT_NAME, + searchValue: '', + startDate: moment().format('YYYYMMDD'), + endDate: moment().format('YYYYMMDD'), + bank: '', + resultStatus: AccountHolderResultStatus.ALL, +}; export const AccountHolderSearchPage = () => { const { navigate } = useNavigate(); const { t } = useTranslation(); @@ -47,12 +56,12 @@ export const AccountHolderSearchPage = () => { const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM); const [filterOn, setFilterOn] = useState(false); const [mid, setMid] = useState(userMid); - const [searchCl, setSearchCl] = useState(AccountHolderSearchCl.ACCOUNT_NAME) - const [searchValue, setSearchValue] = useState(''); - const [startDate, setStartDate] = useState(moment().format('YYYYMMDD')); - const [endDate, setEndDate] = useState(moment().format('YYYYMMDD')); - const [bank, setBank] = useState(''); - const [resultStatus, setResultStatus] = useState(AccountHolderResultStatus.ALL); + const [searchCl, setSearchCl] = useState(defaultParams.searchCl) + const [searchValue, setSearchValue] = useState(defaultParams.searchValue); + const [startDate, setStartDate] = useState(defaultParams.startDate); + const [endDate, setEndDate] = useState(defaultParams.endDate); + const [bank, setBank] = useState(defaultParams.bank); + const [resultStatus, setResultStatus] = useState(defaultParams.resultStatus); const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); @@ -60,6 +69,8 @@ export const AccountHolderSearchPage = () => { const [detailMid, setDetailMid] = useState(''); const [detailTid, setDetailTid] = useState(''); + const [filterUsed, setFilterUsed] = useState(false); + useSetHeaderTitle(t('additionalService.services.accountHolderSearch')); useSetHeaderType(HeaderType.LeftArrow); useSetFooterMode(false); @@ -200,8 +211,23 @@ export const AccountHolderSearchPage = () => { } }; + const checkUsedFilter = () => { + let rs: boolean = true; + if(searchCl === defaultParams.searchCl + && searchValue === defaultParams.searchValue + && startDate === defaultParams.startDate + && endDate === defaultParams.endDate + && bank === defaultParams.bank + && resultStatus === defaultParams.resultStatus + ){ + rs = false; + } + setFilterUsed(rs); + }; + useEffect(() => { callList(); + checkUsedFilter(); }, [ mid, searchCl, @@ -212,10 +238,11 @@ export const AccountHolderSearchPage = () => { resultStatus, sortType ]); - + if (!hasAccess) { return ; } + return ( <> @@ -240,6 +267,9 @@ export const AccountHolderSearchPage = () => { alt={t('common.searchOptions')} onClick={ onClickToOpenFilter } /> + { filterUsed && + + }