자금이체 이체신청 상세 및 이체 등록

src/entities/additional-service/model/fund-account/types.ts

@@ -16,12 +16,12 @@ export enum FundAccountReceiveAccountNameNo {
 
 
 export interface ExtensionFundAccountTransferRequestParams {
-  mid: string;
-  transferAmount: number;
-  receiveBankCode: string;
-  receiveAccountNo: string;
-  receiveAccountName: string;
-  transferMemo: string;
+  mid?: string;
+  transferAmount?: number;
+  receiveBankCode?: string;
+  receiveAccountNo?: string;
+  receiveAccountName?: string;
+  transferMemo?: string;
 };
 export interface ExtensionFundAccountTransferRequestResponse {
   tid: string;

src/entities/additional-service/ui/fund-account/transfer-list-wrap.tsx

@@ -24,6 +24,7 @@ import { FundAccountStatusBtnGroup } from '../../model/fund-account/constant';
 import { useExtensionFundAccountBalanceMutation } from '../../api/fund-account/use-extension-fund-account-balance-mutation';
 import { NumericFormat } from 'react-number-format';
 import { FundAccountTransactionFilter } from '../filter/fund-account-trnasaction-filter';
+import { PATHS } from '@/shared/constants/paths';
 
 export const FundAccountTransferListWrap = () => {
   const { navigate } = useNavigate();
@@ -148,6 +149,10 @@ export const FundAccountTransferListWrap = () => {
     callBalance();
   }, []);
 
+  const onClickToNavigate = () => {
+    navigate(PATHS.additionalService.fundAccount.transferRequest);
+  };
+
   return (
     <>
       <section className="summary-section pt-30">
@@ -224,7 +229,10 @@ export const FundAccountTransferListWrap = () => {
         { getListDateGroup() }
       </section>
       <div className="apply-row">
-        <button className="btn-50 btn-blue flex-1">이체 등록</button>
+        <button 
+          className="btn-50 btn-blue flex-1"
+          onClick={ onClickToNavigate }
+        >이체 등록</button>
       </div>
       <FundAccountTransactionFilter
         filterOn={ filterOn }

src/entities/additional-service/ui/list-item.tsx

@@ -142,7 +142,13 @@ export const ListItem = ({
       });
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.FundAccount) {
-
+      navigate(PATHS.additionalService.fundAccount.transferDetail, {
+        state: {
+          additionalServiceCategory: additionalServiceCategory,
+          mid: mid,
+          tid: tid
+        }
+      });
     }
     else if (additionalServiceCategory === AdditionalServiceCategory.SettlementAgency) {