- SMS,KeyIn,ARS 페이지 스크롤 적용

- ARS 결제신청 :성공 결과 팝업 추가

src/pages/additional-service/key-in-payment/key-in-payment-page.tsx

@@ -20,7 +20,7 @@ import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { KeyInPaymentList } from '@/entities/additional-service/ui/key-in-payment/key-in-payment-list';
 import { useStore } from '@/shared/model/store';
 import { KeyInPaymentListItem, KeyInPaymentPaymentStatus } from '@/entities/additional-service/model/key-in/types';
-import { requestStatusBtnGroup } from '@/entities/additional-service/model/key-in/constant';
+import { keyInPaymentPaymentStatusBtnGroup } from '@/entities/additional-service/model/key-in/constant';
 import useIntersectionObserver from '@/widgets/intersection-observer';
 
 export const KeyInPaymentPage = () => {
@@ -148,7 +148,6 @@ export const KeyInPaymentPage = () => {
 
   const onClickToSort = (sort: SortTypeKeys) => {
     setSortType(sort);
-    setListItems([]);
     callList({
       sortType: sort,
       resetPage: true
@@ -157,7 +156,6 @@ export const KeyInPaymentPage = () => {
 
   const onClickToPaymentStatus = (val: KeyInPaymentPaymentStatus) => {
     setPaymentStatus(val);
-    setListItems([]);
     callList({
       status: val,
       resetPage: true
@@ -165,8 +163,15 @@ export const KeyInPaymentPage = () => {
   };
 
   useEffect(() => {
-    callList();
-  }, []);
+    callList({resetPage: true});
+  }, [
+    mid,
+    startDate,
+    endDate,
+    paymentStatus,
+    minAmount,
+    maxAmount
+  ]);
 
   return (
     <>
@@ -214,7 +219,7 @@ export const KeyInPaymentPage = () => {
               <div className="excrow">
                 <div className="full-menu-keywords no-padding">
                   {
-                    requestStatusBtnGroup.map((value, index) => (
+                    keyInPaymentPaymentStatusBtnGroup.map((value, index) => (
                       <span
                         key={`key-service-code=${index}`}
                         className={`keyword-tag ${(paymentStatus === value.value) ? 'active' : ''}`}