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

src/entities/transaction/ui/filter/billing-filter.tsx

@@ -7,6 +7,11 @@ import { FilterSelectInput } from '@/shared/ui/filter/select-input';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
+import { 
+  requestStatusBtnGroup, 
+  processResultBtnGroup,
+  paymentMethodBtnGroup 
+} from '@/entities/transaction/model/contant';
 import { 
   BillingFilterProps,
   BillingPaymentMethod,
@@ -85,24 +90,6 @@ export const BillingFilter = ({
     {name: 'TID', value: BillingSearchType.TID }
   ];
 
-  let requestStatusBtnGroup = [
-    {name: '전체', value: BillingRequestStatus.ALL},
-    {name: '진행중', value: BillingRequestStatus.IN_PROGRESS},
-    {name: '성공', value: BillingRequestStatus.SUCCESS},
-    {name: '요청취소', value: BillingRequestStatus.REQUEST_CANCEL},
-  ];
-  let processResultBtnGroup = [
-    {name: '전체', value: BillingProcessResult.ALL},
-    {name: '성공', value: BillingProcessResult.SUCCESS},
-    {name: '실패', value: BillingProcessResult.FAILURE},
-  ];
-  let paymentMethodBtnGroup = [
-    {name: '전체', value: BillingPaymentMethod.ALL},
-    {name: '신용카드', value: BillingPaymentMethod.CREDIT_CARD},
-    {name: '가상계좌', value: BillingPaymentMethod.VIRTUAL_ACCOUNT},
-    {name: '휴대폰', value: BillingPaymentMethod.MOBILE_PAYMENT},
-  ];
-
   useEffect(() => {
     setFilterRequestStatus(requestStatus);
   }, [requestStatus]);

src/entities/transaction/ui/filter/escrow-filter.tsx

@@ -7,6 +7,10 @@ import { FilterSelectInput } from '@/shared/ui/filter/select-input';
 import { FilterCalendar } from '@/shared/ui/filter/calendar';
 import { FilterButtonGroups } from '@/shared/ui/filter/button-groups';
 import { FilterRangeAmount } from '@/shared/ui/filter/range-amount';
+import { 
+  deliveryStatusBtnGroup,
+  settlementStatusBtnGroup
+} from '@/entities/transaction/model/contant';
 import { 
   EscrowFilterProps,
   EscrowSearchType,
@@ -80,23 +84,6 @@ export const EscrowFilter = ({
     {name: 'TID', value: EscrowSearchType.TID }
   ];
 
-  let 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},
-  ];
-  let settlementStatusBtnGroup = [
-    {name: '전체', value: EscrowSettlementStatus.ALL},
-    {name: '신용카드', value: EscrowSettlementStatus.CREDIT_CARD},
-    {name: '가상계좌', value: EscrowSettlementStatus.REAL_ACCOUNT},
-    {name: '계좌이체', value: EscrowSettlementStatus.ACCOUNT_TRANSFER},
-  ];
- 
   useEffect(() => {
     setFilterDeliveryStatus(deliveryStatus);
   }, [deliveryStatus]);