필터 4개 이상 다중 버튼 처리

src/entities/transaction/model/contant.ts

@@ -0,0 +1,41 @@
+import { 
+  BillingPaymentMethod, 
+  BillingProcessResult,
+  BillingRequestStatus,
+  EscrowDeliveryStatus,
+  EscrowSettlementStatus
+} from '@/entities/transaction/model/types';
+
+export const deliveryStatusBtnGroup = [
+  {name: '전체', value: EscrowDeliveryStatus.ALL},
+  {name: '결제완료', value: EscrowDeliveryStatus.PAY_COMPLETE},
+  {name: '배송등록', value: EscrowDeliveryStatus.DELIVERY_INSERT},
+  {name: '배송완료', value: EscrowDeliveryStatus.DELIVERY_COMPLETE},
+  {name: '구매확인', value: EscrowDeliveryStatus.PURCHASE_CONFIRM},
+  {name: '구매거절', value: EscrowDeliveryStatus.PURCHASE_REJECT},
+  {name: '환불처리', value: EscrowDeliveryStatus.RETURN_PROCESSING},
+  {name: '지급완료', value: EscrowDeliveryStatus.DEPOSIT_COMPLETE},
+];
+export let settlementStatusBtnGroup = [
+  {name: '전체', value: EscrowSettlementStatus.ALL},
+  {name: '신용카드', value: EscrowSettlementStatus.CREDIT_CARD},
+  {name: '가상계좌', value: EscrowSettlementStatus.REAL_ACCOUNT},
+  {name: '계좌이체', value: EscrowSettlementStatus.ACCOUNT_TRANSFER},
+];
+export const requestStatusBtnGroup = [
+  {name: '전체', value: BillingRequestStatus.ALL},
+  {name: '진행중', value: BillingRequestStatus.IN_PROGRESS},
+  {name: '성공', value: BillingRequestStatus.SUCCESS},
+  {name: '요청취소', value: BillingRequestStatus.REQUEST_CANCEL},
+];
+export const processResultBtnGroup = [
+  {name: '전체', value: BillingProcessResult.ALL},
+  {name: '성공', value: BillingProcessResult.SUCCESS},
+  {name: '실패', value: BillingProcessResult.FAILURE},
+];
+export const paymentMethodBtnGroup = [
+  {name: '전체', value: BillingPaymentMethod.ALL},
+  {name: '신용카드', value: BillingPaymentMethod.CREDIT_CARD},
+  {name: '가상계좌', value: BillingPaymentMethod.VIRTUAL_ACCOUNT},
+  {name: '휴대폰', value: BillingPaymentMethod.MOBILE_PAYMENT},
+];

src/entities/transaction/model/types.ts

@@ -481,8 +481,8 @@ export interface EscrowFilterProps extends FilterProps {
   endDate: string;
   deliveryStatus: EscrowDeliveryStatus;
   settlementStatus: EscrowSettlementStatus;
-  minAmount: number;
-  maxAmount: number;
+  minAmount?: number | string;
+  maxAmount?: number | string;
   setMid: (mid: string) => void;
   setSearchType: (searchType: EscrowSearchType) => void;
   setSearchKeyword: (searchKeyword: string) => void;