링크결제[발송내역,발송대기] 필터 추가

src/entities/additional-service/ui/link-payment/link-payment-pending-send-wrap.tsx

@@ -1,22 +1,33 @@
+import moment from 'moment';
 import { IMAGE_ROOT } from "@/shared/constants/common";
 import { useState, useEffect } from "react";
-import { LinkPaymentFilter } from "./link-payment-filter";
+import { LinkPaymentPendingSendFilter } from "./filter/link-payment-pending-send-filter";
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { PATHS } from "@/shared/constants/paths";
 import { LinkPaymentPendingList } from "./link-payment-pending-list";
+import { LinkPaymentSearchType, LinkPaymentSendingStatus, LinkPaymentSendMethod } from "../../model/types";
 
 export const LinkPaymentPendingSendWrap = () => {
     const { navigate } = useNavigate();
+
     const [filterOn, setFilterOn] = useState<boolean>(false);
+    const [mid, setMid] = useState<string>('nictest001m');
+    const [searchType, setSearchType] = useState<LinkPaymentSearchType>(LinkPaymentSearchType.ALL)
+    const [searchKeyword, setSearchKeyword] = useState<string>('');
+    const [startDate, setStartDate] = useState(moment().format('YYYY-MM-DD'));
+    const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
+    const [sendMethod, setSendMethod] = useState<LinkPaymentSendMethod>(LinkPaymentSendMethod.ALL);
+    const [sendingStatus, setSendingStatus] = useState<LinkPaymentSendingStatus>(LinkPaymentSendingStatus.ALL);
+
     const [listItems, setListItems] = useState({});
-    
+
     const onClickToOpenFilter = () => {
         setFilterOn(!filterOn);
     };
     const onClickToNavigate = () => {
         navigate(PATHS.additionalService.linkPayment.request)
     }
-    
+
     const callList = () => {
         setListItems({
             '20250608': [
@@ -28,7 +39,7 @@ export const LinkPaymentPendingSendWrap = () => {
                     amount: 5254000
                 },
                 {
-                    transactionId: 'pending2', 
+                    transactionId: 'pending2',
                     customerName: '김*환(7000)',
                     status: '발송요청',
                     channel: 'SMS',
@@ -111,7 +122,7 @@ export const LinkPaymentPendingSendWrap = () => {
                 </div>
             </section>
 
-            <LinkPaymentPendingList 
+            <LinkPaymentPendingList
                 listItems={listItems}
             />
             <div className="apply-row">
@@ -120,10 +131,24 @@ export const LinkPaymentPendingSendWrap = () => {
                     onClick={() => onClickToNavigate()}
                 >결제 신청</button>
             </div>
-            <LinkPaymentFilter
+            <LinkPaymentPendingSendFilter
                 filterOn={filterOn}
                 setFilterOn={setFilterOn}
-            ></LinkPaymentFilter>
+                mid={mid}
+                searchType={searchType}
+                searchKeyword={searchKeyword}
+                startDate={startDate}
+                endDate={endDate}
+                sendMethod={sendMethod}
+                sendingStatus={sendingStatus}
+                setMid={setMid}
+                setSearchType={setSearchType}
+                setSearchKeyword={setSearchKeyword}
+                setStartDate={setStartDate}
+                setEndDate={setEndDate}
+                setSendMethod={setSendMethod}
+                setSendingStatus={setSendingStatus}
+            ></LinkPaymentPendingSendFilter>
         </>
     )
 }