diff --git a/src/pages/additional-service/face-auth/face-auth-page.tsx b/src/pages/additional-service/face-auth/face-auth-page.tsx index cb9fe79..2812fb9 100644 --- a/src/pages/additional-service/face-auth/face-auth-page.tsx +++ b/src/pages/additional-service/face-auth/face-auth-page.tsx @@ -29,6 +29,13 @@ import { checkGrant } from '@/shared/lib/check-grant'; import { showAlert } from '@/widgets/show-alert'; import { snackBar } from '@/shared/lib'; +const defaultParams = { + userMallId: '', + fromDate: moment().format('YYYYMMDD'), + toDate: moment().format('YYYYMMDD'), + transType: FaceAuthTransType.ALL, + authResult: FaceAuthResult.ALL +}; export const FaceAuthPage = () => { const { navigate } = useNavigate(); const { t } = useTranslation(); @@ -46,11 +53,11 @@ export const FaceAuthPage = () => { const [filterOn, setFilterOn] = useState(false); const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM); const [mid, setMid] = useState(userMid); - const [userMallId, setUserMallId] = useState(''); - const [fromDate, setFromDate] = useState(moment().format('YYYYMMDD')); - const [toDate, setToDate] = useState(moment().format('YYYYMMDD')); - const [transType, setTransType] = useState(FaceAuthTransType.ALL); - const [authResult, setAuthResult] = useState(FaceAuthResult.ALL); + const [userMallId, setUserMallId] = useState(defaultParams.userMallId); + const [fromDate, setFromDate] = useState(defaultParams.fromDate); + const [toDate, setToDate] = useState(defaultParams.toDate); + const [transType, setTransType] = useState(defaultParams.transType); + const [authResult, setAuthResult] = useState(defaultParams.authResult); const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState(false); @@ -58,6 +65,7 @@ export const FaceAuthPage = () => { const [groupDateOn, setGroupDateOn] = useState(false); const [listHeight, setListHeight] = useState(0); + const [filterUsed, setFilterUsed] = useState(false); useSetHeaderTitle(t('faceAuth.title')); useSetHeaderType(HeaderType.LeftArrow); @@ -229,8 +237,22 @@ export const FaceAuthPage = () => { return rs; }; + const checkUsedFilter = () => { + let rs: boolean = true; + if(userMallId === defaultParams.userMallId + && fromDate === defaultParams.fromDate + && toDate === defaultParams.toDate + && transType === defaultParams.transType + && authResult === defaultParams.authResult + ){ + rs = false; + } + setFilterUsed(rs); + }; + useEffect(() => { callList(); + checkUsedFilter(); }, [ mid, userMallId, fromDate, toDate, @@ -256,10 +278,10 @@ export const FaceAuthPage = () => { }; }, []); - if (!hasAccess) { - return ; + if(!hasAccess){ + return ; } - + return ( <>
@@ -283,6 +305,9 @@ export const FaceAuthPage = () => { alt={t('transaction.searchOptions')} onClick={ onClickToOpenFilter } /> + { filterUsed && + + }