자금이체 끝 2

src/pages/additional-service/fund-account/result-detail-page.tsx

@@ -10,10 +10,12 @@ import {
 import { useLocation } from 'react-router';
 import { useEffect, useState } from 'react';
 import { NumericFormat } from 'react-number-format';
-import { useExtensionFundAccountTransferDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-detail-mutation';
-import { ExtensionFundAccountTransferDetailParams, ExtensionFundAccountTransferDetailResponse, ExtensionFundAccountTransferRequestParams, ExtensionFundAccountTransferRequestResponse } from '@/entities/additional-service/model/fund-account/types';
+import { 
+  ExtensionFundAccountResultDetailParams, 
+  ExtensionFundAccountResultDetailResponse, 
+} from '@/entities/additional-service/model/fund-account/types';
 import moment from 'moment';
-import { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';
+import { useExtensionFundAccountResultDetailMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-result-detail-mutation';
 
 export const FundAccountResultDetailPage = () => {
   const { navigate } = useNavigate();
@@ -22,18 +24,17 @@ export const FundAccountResultDetailPage = () => {
   const tid = location.state.tid;
   const mid = location.state.mid;
 
-  const [detail, setDetail] = useState<ExtensionFundAccountTransferDetailResponse>();
+  const [detail, setDetail] = useState<ExtensionFundAccountResultDetailResponse>();
 
-  const { mutateAsync: extensionFundAccountTransferDetail } = useExtensionFundAccountTransferDetailMutation();
-  const { mutateAsync: extensionFundAccountTransferRequest } = useExtensionFundAccountTransferRequestMutation();
+  const { mutateAsync: extensionFundAccountResultDetail } = useExtensionFundAccountResultDetailMutation();
   
   const callDetail = () => {
-    let params: ExtensionFundAccountTransferDetailParams = {
+    let params: ExtensionFundAccountResultDetailParams = {
       tid: tid,
       mid: mid,
     };
 
-    extensionFundAccountTransferDetail(params).then((rs: ExtensionFundAccountTransferDetailResponse) => {
+    extensionFundAccountResultDetail(params).then((rs: ExtensionFundAccountResultDetailResponse) => {
       setDetail(rs);
     });
   };
@@ -42,29 +43,13 @@ export const FundAccountResultDetailPage = () => {
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
   useSetOnBack(() => {
-    navigate(PATHS.additionalService.fundAccount.transferList);
+    navigate(PATHS.additionalService.fundAccount.resultList);
   });
 
   useEffect(() => {
     callDetail();
   }, []);
 
-  const onClickToRequest = () =>{
-    let params: ExtensionFundAccountTransferRequestParams = {
-      mid: mid,
-      transferAmount: detail?.transferAmount,
-      receiveBankCode: detail?.receiveBankName,
-      receiveAccountNo: detail?.receiveAccountNo,
-      receiveAccountName: detail?.receiveAccountName,
-      transferMemo: ''
-    };
-    extensionFundAccountTransferRequest(params).then((rs: ExtensionFundAccountTransferRequestResponse) => {
-      console.log(rs)
-      alert(rs.message);
-      navigate(PATHS.additionalService.fundAccount.transferList);
-    });
-  };
-
   return (
     <>
       <main className="full-height">
@@ -81,29 +66,29 @@ export const FundAccountResultDetailPage = () => {
                   ></NumericFormat>
                 </span>
               </div>
-              <div className="num-store">나이스테스트가맹점</div>
-              <div className="num-day">2025.08.19</div>
+              <div className="num-store">{ detail?.receiveAccountName }({ detail?.receiveAccountNo })</div>
+              <div className="num-day">{ moment(detail?.processDate).format('YYYY.MM.DD') }</div>
             </div>
             <div className="detail-divider"></div>
             <div className="pay-detail">
               <div className="detail-title">상세 정보</div>
               <ul className="kv-list">
                 <li className="kv-row">
-                  <span className="k">등록일시</span>
+                  <span className="k">요청일시</span>
                   <span className="v">{ moment(detail?.processDate).format('YYYY.MM.DD') }</span>
                 </li>
                 <li className="kv-row">
-                  <span className="k">처리결과</span>
-                  <span className="v">{ detail?.status }</span>
-                </li>
-                <li className="kv-row">
-                  <span className="k">요청일자</span>
+                  <span className="k">이체일시</span>
                   <span className="v">{ moment(detail?.requestDate).format('YYYY.MM.DD') }</span>
                 </li>
                 <li className="kv-row">
                   <span className="k">이체결과</span>
                   <span className="v">{ detail?.status }</span>
                 </li>
+                <li className="kv-row">
+                  <span className="k">실패사유</span>
+                  <span className="v">{ detail?.failReason }</span>
+                </li>
                 <li className="kv-row">
                   <span className="k">수취인명</span>
                   <span className="v">{ detail?.receiveAccountName }</span>
@@ -120,15 +105,16 @@ export const FundAccountResultDetailPage = () => {
                   <span className="k">MID</span>
                   <span className="v">{ mid }</span>
                 </li>
-                
+                <li className="kv-row">
+                  <span className="k">주문번호</span>
+                  <span className="v">{ '주문번호' }</span>
+                </li>
+                <li className="kv-row">
+                  <span className="k">TID</span>
+                  <span className="v">{ detail?.bankTid }</span>
+                </li>
               </ul>
             </div>
-            <div className="apply-row">
-              <button 
-                className="btn-50 btn-blue flex-1"
-                onClick={ () => onClickToRequest() }
-              >이체 요청</button>
-            </div>
           </div>
         </div>
       </main>

src/pages/additional-service/fund-account/transfer-detail-page.tsx

@@ -81,8 +81,8 @@ export const FundAccountTransferDetailPage = () => {
                   ></NumericFormat>
                 </span>
               </div>
-              <div className="num-store">나이스테스트가맹점</div>
-              <div className="num-day">2025.08.19</div>
+              <div className="num-store">{ detail?.receiveAccountName }({ detail?.receiveAccountNo })</div>
+              <div className="num-day">{ moment(detail?.processDate).format('YYYY.MM.DD') }</div>
             </div>
             <div className="detail-divider"></div>
             <div className="pay-detail">