- 안드로이드 알림 설정 AppBridge 추가

- KeyIn Request 필드 수정

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

@@ -19,7 +19,7 @@ import { useExtensionKeyinListMutation } from '@/entities/additional-service/api
 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 { KeyInPaymentListItem, KeyInPaymentStatus, KeyInPaymentTansactionType } from '@/entities/additional-service/model/key-in/types';
 import { keyInPaymentPaymentStatusBtnGroup } from '@/entities/additional-service/model/key-in/constant';
 import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
 import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check';
@@ -40,9 +40,10 @@ export const KeyInPaymentPage = () => {
   const [filterOn, setFilterOn] = useState<boolean>(false);
   const [pageParam, setPageParam] = useState<DefaultRequestPagination>(DEFAULT_PAGE_PARAM);
   const [mid, setMid] = useState<string>(userMid);
-  const [startDate, setStartDate] = useState(moment().format('YYYY-MM-DD'));
-  const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
-  const [paymentStatus, setPaymentStatus] = useState<KeyInPaymentPaymentStatus>(KeyInPaymentPaymentStatus.ALL)
+  const [startDate, setStartDate] = useState(moment().format('YYYYMMDD'));
+  const [endDate, setEndDate] = useState(moment().format('YYYYMMDD'));
+  const [transactionType, setTransactionType] = useState<KeyInPaymentTansactionType>(KeyInPaymentTansactionType.ALL)
+  const [status, setStatus] = useState<KeyInPaymentStatus>(KeyInPaymentStatus.ALL);
   const [minAmount, setMinAmount] = useState<number>();
   const [maxAmount, setMaxAmount] = useState<number>();
   const [emailBottomSheetOn, setEmailBottomSheetOn] = useState<boolean>(false);
@@ -72,13 +73,15 @@ export const KeyInPaymentPage = () => {
     onIntersect 
   });
 
+  // 목록 조회
   const callList = (type?: string) => {
     setOnActionIntersect(false);
     let listParams = {
       mid: mid,
-      fromDate: startDate,
-      toDate: endDate,
-      paymentStatus: paymentStatus,
+      startDate: startDate,
+      endDate: endDate,
+      transactionType: transactionType,
+      status: status,
       minAmount: minAmount,
       maxAmount: maxAmount,
       page: {
@@ -131,13 +134,14 @@ export const KeyInPaymentPage = () => {
     setEmailBottomSheetOn(true);
   };
 
+  // 엑셀 다운로드
   const onSendRequest = (selectedEmail?: string) => {
     if (selectedEmail) {
       downloadExcel({
         mid: mid,
         fromDate: startDate,
         toDate: endDate,
-        paymentStatus: paymentStatus,
+        paymentStatus: transactionType,
         minAmount: minAmount,
         maxAmount: maxAmount,
         //email: selectedEmail
@@ -152,8 +156,8 @@ export const KeyInPaymentPage = () => {
     setSortType(sort);
   };
 
-  const onClickToPaymentStatus = (val: KeyInPaymentPaymentStatus) => {
-    setPaymentStatus(val);
+  const onClickToPaymentStatus = (val: KeyInPaymentTansactionType) => {
+    setTransactionType(val);
   };
 
   useEffect(() => {
@@ -162,7 +166,7 @@ export const KeyInPaymentPage = () => {
     mid,
     startDate,
     endDate,
-    paymentStatus,
+    transactionType,
     minAmount,
     maxAmount,
     sortType
@@ -222,7 +226,7 @@ export const KeyInPaymentPage = () => {
                     keyInPaymentPaymentStatusBtnGroup.map((value, index) => (
                       <span
                         key={`key-service-code=${index}`}
-                        className={`keyword-tag ${(paymentStatus === value.value) ? 'active' : ''}`}
+                        className={`keyword-tag ${(transactionType === value.value) ? 'active' : ''}`}
                         onClick={() => onClickToPaymentStatus(value.value)}
                       >{value.name}</span>
                     ))
@@ -245,13 +249,13 @@ export const KeyInPaymentPage = () => {
         mid={mid}
         startDate={startDate}
         endDate={endDate}
-        transactionStatus={paymentStatus}
+        transactionStatus={transactionType}
         minAmount={minAmount}
         maxAmount={maxAmount}
         setMid={setMid}
         setStartDate={setStartDate}
         setEndDate={setEndDate}
-        setTransactionStatus={setPaymentStatus}
+        setTransactionStatus={setTransactionType}
         setMinAmount={setMinAmount}
         setMaxAmount={setMaxAmount}
       ></KeyInPaymentFilter>