From 82ead81e51dd2d7c622f91f551f7e41c96e54109 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Mon, 17 Nov 2025 19:32:13 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B3=84=EC=A2=8C=EC=84=B1=EB=AA=85=EC=A1=B0?=
 =?UTF-8?q?=ED=9A=8C=20=EB=B1=83=EC=A7=80=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-holder-search-page.tsx            | 44 ++++++++++++++++---
 1 file changed, 37 insertions(+), 7 deletions(-)

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<DefaultRequestPagination>(DEFAULT_PAGE_PARAM);
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [mid, setMid] = useState<string>(userMid);
-  const [searchCl, setSearchCl] = useState<AccountHolderSearchCl>(AccountHolderSearchCl.ACCOUNT_NAME)
-  const [searchValue, setSearchValue] = useState<string>('');
-  const [startDate, setStartDate] = useState(moment().format('YYYYMMDD'));
-  const [endDate, setEndDate] = useState(moment().format('YYYYMMDD'));
-  const [bank, setBank] = useState<string>('');
-  const [resultStatus, setResultStatus] = useState<AccountHolderResultStatus>(AccountHolderResultStatus.ALL);
+  const [searchCl, setSearchCl] = useState<AccountHolderSearchCl>(defaultParams.searchCl)
+  const [searchValue, setSearchValue] = useState<string>(defaultParams.searchValue);
+  const [startDate, setStartDate] = useState<string>(defaultParams.startDate);
+  const [endDate, setEndDate] = useState<string>(defaultParams.endDate);
+  const [bank, setBank] = useState<string>(defaultParams.bank);
+  const [resultStatus, setResultStatus] = useState<AccountHolderResultStatus>(defaultParams.resultStatus);
   
   const [downloadBottomSheetOn, setDownloadBottomSheetOn] = useState<boolean>(false);
 
@@ -60,6 +69,8 @@ export const AccountHolderSearchPage = () => {
   const [detailMid, setDetailMid] = useState<string>('');
   const [detailTid, setDetailTid] = useState<string>('');
 
+  const [filterUsed, setFilterUsed] = useState<boolean>(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 <AccessDeniedDialog />;
   }
+  
 
   return (
     <>
@@ -240,6 +267,9 @@ export const AccountHolderSearchPage = () => {
                       alt={t('common.searchOptions')}
                       onClick={ onClickToOpenFilter }
                     />
+                    { filterUsed &&
+                      <span className="notification-badge2"></span>
+                    }
                   </button>
                 </div>
                 <button