- getListDateGroup 수정

- 알림톡 필터 추가
- 일부 부가서비스 엑셀다운로드 바텀시트 추가

src/pages/additional-service/sms-payment/sms-payment-page.tsx

@@ -18,7 +18,6 @@ import { SmsPaymentList } from '@/entities/additional-service/ui/sms-payment/sms
 import { SmsPaymentFilter } from '@/entities/additional-service/ui/sms-payment/sms-payment-filter';
 import { useExtensionSmsDetailMutation } from '@/entities/additional-service/api/sms-payment/use-extension-sms-detail-mutation';
 import { useStore } from '@/shared/model/store';
-import useIntersectionObserver from '@/widgets/intersection-observer';
 import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
 import { PATHS } from '@/shared/constants/paths';
 
@@ -27,31 +26,10 @@ export const SmsPaymentPage = () => {
   const { navigate } = useNavigate();
   const userMid = useStore.getState().UserStore.mid;
 
-  const [onActionIntersect, setOnActionIntersect] = useState<boolean>(false);
-  const onIntersect: IntersectionObserverCallback = (entries: Array<IntersectionObserverEntry>) => {
-    entries.forEach((entry: IntersectionObserverEntry) => {
-      if (entry.isIntersecting) {
-        console.log('Element is now intersecting with the root. [' + onActionIntersect + ']');
-        if (onActionIntersect) {
-          callList();
-        }
-      }
-      else {
-        console.log('Element is no longer intersecting with the root.');
-      }
-    });
-  };
-
-  const { setTarget } = useIntersectionObserver({
-    threshold: 1,
-    onIntersect
-  });
-
   const [bottomSmsPaymentDetailResendOn, setBottomSmsPaymentDetailResendOn] = useState<boolean>(false)
 
   const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
   const [listItems, setListItems] = useState<Array<SmsPaymentListItem>>([]);
-  const [nextCursor, setNextCursor] = useState<string | null>(null);
   const [pageParam, setPageParam] = useState<DefaultRequestPagination>(DEFAULT_PAGE_PARAM);
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [mid, setMid] = useState<string>(userMid);
@@ -75,15 +53,8 @@ export const SmsPaymentPage = () => {
     navigate(PATHS.home);
   });
   const callList = (option?: {
-    sortType?: SortTypeKeys,
-    resetPage?: boolean
+    sortType?: SortTypeKeys
   }) => {
-    const currentPageParam = option?.resetPage
-      ? { ...DEFAULT_PAGE_PARAM, sortType: option?.sortType ?? sortType }
-      : { ...pageParam, sortType: option?.sortType ?? sortType };
-
-    setPageParam(currentPageParam);
-
     let listParams: ExtensionSmsPaymentListParams = {
       mid: mid,
       searchCl: searchCl,
@@ -91,26 +62,16 @@ export const SmsPaymentPage = () => {
       fromDate: fromDate,
       toDate: toDate,
       smsCl: smsCl,
-      ... {
-        page: currentPageParam
-      }
+      page: pageParam
+    }
+
+    if (listParams.page) {
+      listParams.page.sortType = option?.sortType || sortType;
+      setPageParam(listParams.page);
     }
 
     smsPaymentList(listParams).then((rs) => {
-      setListItems(option?.resetPage ? rs.content : [
-        ...listItems,
-        ...rs.content
-      ]);
-      if (rs.hasNext) {
-        setNextCursor(rs.nextCursor);
-        setPageParam({
-          ...currentPageParam,
-          cursor: rs.nextCursor
-        });
-        setOnActionIntersect(true)
-      } else {
-        setNextCursor(null);
-      }
+      setListItems(rs.content);
     });
   }
 
@@ -150,7 +111,7 @@ export const SmsPaymentPage = () => {
   };
 
   useEffect(() => {
-    callList({resetPage: true});
+    callList();
   }, [
     mid,
     searchCl,
@@ -203,7 +164,6 @@ export const SmsPaymentPage = () => {
               additionalServiceCategory={AdditionalServiceCategory.SMSPayment}
               mid={mid}
               onResendClick={onClickToShowDetail}
-              setTarget={setTarget}
             ></SmsPaymentList>
           </div>
         </div>