From 200e510fdf760db52ccd92b3d7c3f9d672b5b454 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Mon, 17 Nov 2025 19:20:28 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A0=95=EC=82=B0=EB=82=B4=EC=97=AD=20?=
 =?UTF-8?q?=EB=B1=83=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/settlement/ui/list-wrap.tsx | 33 +++++++++++++++++++++---
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/entities/settlement/ui/list-wrap.tsx b/src/entities/settlement/ui/list-wrap.tsx
index c10b152..ccf17c6 100644
--- a/src/entities/settlement/ui/list-wrap.tsx
+++ b/src/entities/settlement/ui/list-wrap.tsx
@@ -54,6 +54,13 @@ export const ListWrap = ({
   const { navigate } = useNavigate();
   const { t, i18n } = useTranslation();
   const userMid = useStore.getState().UserStore.mid;
+
+  const defaultParams = {
+    periodType: SettlementPeriodType.SETTLEMENT_DATE,
+    startDate: startDateFromCalendar? moment(startDateFromCalendar).format('YYYYMMDD'):  moment().format('YYYYMMDD'),
+    endDate: endDateFromCalendar? moment(endDateFromCalendar).format('YYYYMMDD'):  moment().format('YYYYMMDD'),
+    paymentMethod: SettlementPaymentMethod.ALL
+  };
   
   const [onActionIntersect, setOnActionIntersect] = useState<boolean>(false);
 
@@ -63,10 +70,10 @@ export const ListWrap = ({
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [pageParam, setPageParam] = useState<DefaultRequestPagination>(DEFAULT_PAGE_PARAM);
   const [mid, setMid] = useState<string>(userMid);
-  const [periodType, setPeriodType] = useState<SettlementPeriodType>(SettlementPeriodType.SETTLEMENT_DATE);
-  const [startDate, setStartDate] = useState(startDateFromCalendar? moment(startDateFromCalendar).format('YYYYMMDD'):  moment().format('YYYYMMDD'));
-  const [endDate, setEndDate] = useState(endDateFromCalendar? moment(endDateFromCalendar).format('YYYYMMDD'):  moment().format('YYYYMMDD'));
-  const [paymentMethod, setPaymentMethod] = useState<SettlementPaymentMethod>(SettlementPaymentMethod.ALL);
+  const [periodType, setPeriodType] = useState<SettlementPeriodType>(defaultParams.periodType);
+  const [startDate, setStartDate] = useState<string>(defaultParams.startDate);
+  const [endDate, setEndDate] = useState<string>(defaultParams.endDate);
+  const [paymentMethod, setPaymentMethod] = useState<SettlementPaymentMethod>(defaultParams.paymentMethod);
 
   const [settlementAmount, setSettlementAmount] = useState<number>();
   const [transactionAmount, setTransactionAmount] = useState<number>();
@@ -92,6 +99,8 @@ export const ListWrap = ({
     
   const [listHeight, setListHeight] = useState<number>(0);
 
+  const [filterUsed, setFilterUsed] = useState<boolean>(false);
+
   const { mutateAsync: settlementsHistory } = useSettlementsHistoryMutation();
   const { mutateAsync: settlementsHistorySummary} = useSettlementsHistorySummaryMutation();
   const { mutateAsync: settlementsTransactionList } = useSettlementsTransactionListMutation();
@@ -426,8 +435,21 @@ export const ListWrap = ({
     }
   };
 
+  const checkUsedFilter = () => {
+    let rs: boolean = true;
+    if(periodType === defaultParams.periodType
+      && startDate === defaultParams.startDate
+      && endDate === defaultParams.endDate
+      && paymentMethod === defaultParams.paymentMethod
+    ){
+      rs =  false;
+    }
+    setFilterUsed(rs);
+	};
+
   useEffect(() => {
     callList();
+    checkUsedFilter();
   }, [
     mid, periodType, sortType,
     startDate, endDate,
@@ -469,6 +491,9 @@ export const ListWrap = ({
                 alt={t('transaction.searchOptions')}
                 onClick={ () => onClickToOpenFilter() }
               />
+              { filterUsed &&
+                <span className="notification-badge2"></span>
+              }
             </button>
           </div>
           <button className="download-btn">