풋터 관련 수정

src/entities/payment/ui/card-commission-bottom-sheet.tsx

@@ -1,16 +1,21 @@
 import { motion } from 'framer-motion';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { BottomSheetMotionDuration, BottomSheetMotionVaiants } from '@/entities/common/model/constant';
-import { GeneralTabItems, InstallmentTabItems, MoneyPointTabItems } from '../model/types';
+import { BankFees, CategoryFees, FeeRanges, GeneralTabItems, InstallmentTabItems, MoneyPointTabItems, PaymentFees } from '../model/types';
 
 export interface CardCommissionBottomSheetProps {
   cardCommissionBottomSheetOn: boolean;
   setCardCommissionBottomSheetOn: (cardCommissionBottomSheetOn: boolean) => void;
   payType: number;
   settlementPeriod?: string;
-  generalTabItems: Array<GeneralTabItems>,
-  installmentTabItems: Array<InstallmentTabItems>,
-  moneyPointTabItems: Array<MoneyPointTabItems>
+  generalTabItems?: Array<GeneralTabItems>,
+  installmentTabItems?: Array<InstallmentTabItems>,
+  moneyPointTabItems?: Array<MoneyPointTabItems>,
+  feeRanges?: Array<FeeRanges>,
+  bankFees?: Array<BankFees>,
+  paymentFees?: Array<PaymentFees>,
+  categoryFees?: Array<CategoryFees>,
+  feeRate?: number
 };
 
 export const CardCommissionBottomSheet = ({
@@ -20,7 +25,12 @@ export const CardCommissionBottomSheet = ({
   settlementPeriod,
   generalTabItems,
   installmentTabItems,
-  moneyPointTabItems
+  moneyPointTabItems,
+  feeRanges,
+  bankFees,
+  paymentFees,
+  categoryFees,
+  feeRate
 }: CardCommissionBottomSheetProps) => {
 
   const onClickToClose = () => {

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 }