- 부가서비스 스크롤 중 필터 체크 마크 추가

- 자금이체,알림톡 스크롤 중 DateGroup 누락 수정

src/entities/additional-service/ui/link-payment/link-payment-wait-list.tsx

@@ -9,14 +9,15 @@ export const LinkPaymentWaitList = ({
   listItems,
   mid,
   setDetailData,
+  filterUsed,
   onClickToOpenFilter,
   onClickToOpenDownloadBottomSheet
 }: LinkPaymentWaitListProps) => {
   const { t, i18n } = useTranslation();
-  
+
   const [groupDate, setGroupDate] = useState<string>('');
   const [groupDateOn, setGroupDateOn] = useState<boolean>(false);
-    
+
   const [listHeight, setListHeight] = useState<number>(0);
 
   const getListDateGroup = () => {
@@ -36,12 +37,12 @@ export const LinkPaymentWaitList = ({
             if (list.length > 0) {
               rs.push(
                 <ListDateGroup
-                  additionalServiceCategory={ additionalServiceCategory }
-                  key={ date + '-' + i }
-                  mid={ mid }
-                  date={ date }
-                  items={ list }
-                  setDetailData={ setDetailData }
+                  additionalServiceCategory={additionalServiceCategory}
+                  key={date + '-' + i}
+                  mid={mid}
+                  date={date}
+                  items={list}
+                  setDetailData={setDetailData}
                 ></ListDateGroup>
               );
             }
@@ -55,12 +56,12 @@ export const LinkPaymentWaitList = ({
     if (list.length > 0) {
       rs.push(
         <ListDateGroup
-          additionalServiceCategory={ additionalServiceCategory }
-          mid={ mid }
-          key={ date + '-last' }
-          date={ date }
-          items={ list }
-          setDetailData={ setDetailData }
+          additionalServiceCategory={additionalServiceCategory}
+          mid={mid}
+          key={date + '-last'}
+          date={date}
+          items={list}
+          setDetailData={setDetailData}
         ></ListDateGroup>
       );
     }
@@ -76,7 +77,7 @@ export const LinkPaymentWaitList = ({
     tabContent?.addEventListener('scroll', (e: Event) => {
       setScrollAction(e, setGroupDate, setGroupDateOn);
     });
-    
+
     return () => {
       ListScrollOn(false);
       tabContent?.removeEventListener('scroll', (e: Event) => {
@@ -87,30 +88,32 @@ export const LinkPaymentWaitList = ({
 
   return (
     <>
-      { groupDateOn &&
-      <div className="summary-amount scroll-group-date">
-        <span className="amount-text">{ groupDate }</span>
-        <div className="summary-actions">
-          <button className="filter-btn">
-            <img
-              src={ IMAGE_ROOT + '/ico_setting.svg' }
-              alt={t('transaction.searchOptions')}
-              onClick={ onClickToOpenFilter }
-            />
-          </button>
-          <button className="download-btn">
-            <img
-              src={ IMAGE_ROOT + '/ico_download.svg' }
-              alt={t('transaction.download')}
-              onClick={ onClickToOpenDownloadBottomSheet }
-            />
-          </button>
+      {groupDateOn &&
+        <div className="summary-amount scroll-group-date">
+          <span className="amount-text">{groupDate}</span>
+          <div className="summary-actions">
+            <button className="filter-btn">
+              <img
+                src={IMAGE_ROOT + '/ico_setting.svg'}
+                alt={t('transaction.searchOptions')}
+                onClick={onClickToOpenFilter}
+              />
+              {filterUsed &&
+                <span className="notification-badge2"></span>
+              }
+            </button>
+            <button className="download-btn">
+              <img
+                src={IMAGE_ROOT + '/ico_download.svg'}
+                alt={t('transaction.download')}
+                onClick={onClickToOpenDownloadBottomSheet}
+              />
+            </button>
+          </div>
         </div>
-      </div>
       }
-      <div 
+      <div
         className="transaction-list"
-        style={{ height: (listHeight > 0)? listHeight + 'px': 'unset' }}
       >
         {getListDateGroup()}
       </div>