풋터 관련 수정

src/entities/payment/ui/info-wrap.tsx

@@ -7,6 +7,9 @@ import { NoInterestInfoBottomSheet } from './no-interest-info-bottom-sheet';
 import { usePaymentInstallmentDetailMutation } from '../api/use-payment-installment-detail-mutation';
 import { 
   AccountTransferData,
+  BankFees,
+  CategoryFees,
+  FeeRanges,
   GeneralTabItems,
   InstallmentData,
   InstallmentDetails,
@@ -16,6 +19,7 @@ import {
   OtherPaymentData,
   PaymentCardParams,
   PaymentCardResponse, 
+  PaymentFees, 
   PaymentInfoItemType, 
   PaymentInstallmentDetailParams, 
   PaymentInstallmentDetailResponse, 
@@ -45,6 +49,12 @@ export const InfoWrap = () => {
   const [generalTabItems, setGeneralTabItems] = useState<Array<GeneralTabItems>>([]);
   const [installmentTabItems, setInstallmentTabItems] = useState<Array<InstallmentTabItems>>([]);
   const [moneyPointTabItems, setMoneyPointTabItems] = useState<Array<MoneyPointTabItems>>([]);
+
+  const [feeRanges, setFeeRanges] = useState<Array<FeeRanges>>([]);
+  const [bankFees, setBankFees] = useState<Array<BankFees>>([]);
+  const [paymentFees, setPaymentFees] = useState<Array<PaymentFees>>([]);
+  const [categoryFees, setCategoryFees] = useState<Array<CategoryFees>>([]);
+  const [feeRate, setFeeRate] = useState<number>(0);
   
   const [accountTransferData, setAccountTransferData] = useState<AccountTransferData>();
   const [mobilePaymentData, setMobilePaymentData] = useState<MobilePaymentData>();
@@ -148,9 +158,11 @@ export const InfoWrap = () => {
     paymentNonCard(params).then((rs: PaymentNonCardResponse) => {
       console.log(rs);
       setSettlementPeriod(rs.settlementPeriod);
-      setAccountTransferData(rs.accountTransferData);
-      setMobilePaymentData(rs.mobilePaymentData);
-      setOtherPaymentData(rs.otherPaymentData);
+      setFeeRanges(rs.accountTransferData.feeRanges);
+      setBankFees(rs.accountTransferData.bankFees);
+      setPaymentFees(rs.mobilePaymentData.paymentFees);
+      setCategoryFees(rs.mobilePaymentData.categoryFees);
+      setFeeRate(rs.otherPaymentData.feeRate);
     });
   };
   const callPaymentIntallment = () => {
@@ -218,6 +230,11 @@ export const InfoWrap = () => {
         generalTabItems={ generalTabItems }
         installmentTabItems={ installmentTabItems }
         moneyPointTabItems= { moneyPointTabItems }
+        feeRanges={ feeRanges }
+        bankFees={ bankFees }
+        paymentFees={ paymentFees  }
+        categoryFees={ categoryFees }
+        feeRate={ feeRate }
       ></CardCommissionBottomSheet>
       <CreditCardListBottomSheet
         creditCardListBottomSheetOn={ creditCardListBottomSheetOn }