From 9ba963588d1579343b67905073b8a1d2828f0e93 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Tue, 28 Oct 2025 18:17:35 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=8C=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/transaction/model/types.ts       |  5 +++-
 src/entities/transaction/ui/list-item.tsx     |  2 +-
 .../ui/section/amount-info-section.tsx        |  3 +--
 src/pages/transaction/billing/detail-page.tsx | 27 +++++++++++++------
 4 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/src/entities/transaction/model/types.ts b/src/entities/transaction/model/types.ts
index 09a6947..d3de5eb 100644
--- a/src/entities/transaction/model/types.ts
+++ b/src/entities/transaction/model/types.ts
@@ -318,7 +318,7 @@ export interface EscrowDetailParams {
   tid?: string;
 };
 export interface BillingDetailParams {
-  billKey?: string;
+  tid?: string;
 };
 
 export interface AmountInfo {
@@ -361,6 +361,8 @@ export interface AmountInfo {
   discountType?: string | null;
   discountAmount?: number;
   simplePaymentServiceCode?: string;
+
+  buyerName?: string;
 };
 export interface ImportantInfo {
   moid?: string;
@@ -522,6 +524,7 @@ export interface BillingInfo {
   orderNumber: string;
   approvalNumber: string;
   approvalDate: string;
+  transactionAmount?: number;
   requestStatus: string;
   processResult: string;
   installmentMonth: string;
diff --git a/src/entities/transaction/ui/list-item.tsx b/src/entities/transaction/ui/list-item.tsx
index fcad408..c1f8964 100644
--- a/src/entities/transaction/ui/list-item.tsx
+++ b/src/entities/transaction/ui/list-item.tsx
@@ -73,7 +73,7 @@ export const ListItem = ({
     else if(transactionCategory === TransactionCategory.Billing){
       navigate(PATHS.transaction.billing.detail, {
         state: {
-          billKey: billKey
+          tid: tid,
         }
       });
     }
diff --git a/src/entities/transaction/ui/section/amount-info-section.tsx b/src/entities/transaction/ui/section/amount-info-section.tsx
index 07e9e02..7a8a8db 100644
--- a/src/entities/transaction/ui/section/amount-info-section.tsx
+++ b/src/entities/transaction/ui/section/amount-info-section.tsx
@@ -461,8 +461,7 @@ export const AmountInfoSection = ({
         <div className="txn-doc">
           {
             ((transactionCategory === TransactionCategory.CashReceipt) || 
-            (transactionCategory === TransactionCategory.Escrow) || 
-            (transactionCategory === TransactionCategory.Billing)) &&
+            (transactionCategory === TransactionCategory.Escrow)) &&
             !!canDownloadReceipt &&
             <button 
               className="doc-btn" 
diff --git a/src/pages/transaction/billing/detail-page.tsx b/src/pages/transaction/billing/detail-page.tsx
index e71d58d..6eff76e 100644
--- a/src/pages/transaction/billing/detail-page.tsx
+++ b/src/pages/transaction/billing/detail-page.tsx
@@ -9,7 +9,8 @@ import {
   TransactionCategory,
   BillingDetailParams,
   BillingDetailResponse,
-  BillingInfo
+  BillingInfo,
+  AmountInfo
 } from '@/entities/transaction/model/types';
 import {
   useSetOnBack, 
@@ -18,13 +19,19 @@ import {
   useSetFooterMode
 } from '@/widgets/sub-layout/use-sub-layout';
 import { NumericFormat } from 'react-number-format';
+import { C } from 'node_modules/react-router/dist/development/index-react-server-client-DRhjXpk2.mjs';
+import { AmountInfoSection } from '@/entities/transaction/ui/section/amount-info-section';
 
 export const BillingDetailPage = () => {
   const { navigate } = useNavigate();
   const location = useLocation();
+  const tid = location?.state.tid;
+  const serviceCode = location?.state.serviceCode;
+
     
   const [billingInfo, setBillingInfo] = useState<BillingInfo>();
-  
+  const [amountInfo, setAmountInfo] = useState<AmountInfo>();
+
   useSetHeaderTitle('빌링 상세');
   useSetHeaderType(HeaderType.RightClose);
   useSetOnBack(() => {
@@ -36,10 +43,14 @@ export const BillingDetailPage = () => {
     
   const callDetail = () => {
     let billingDetailParams: BillingDetailParams = {
-      billKey: location?.state.billKey
+      tid: tid
     };
     billingDetail(billingDetailParams).then((rs: BillingDetailResponse) => {
       setBillingInfo(rs);
+      setAmountInfo({
+        transactionAmount: rs.transactionAmount,
+        buyerName: rs.buyerName
+      })
     });
   };
   useEffect(() => {
@@ -57,17 +68,17 @@ export const BillingDetailPage = () => {
                   <div className="txn-amount">
                     <div className="value">
                       <NumericFormat
-                        value={ 100000000 } 
+                        value={ amountInfo?.transactionAmount } 
                         thousandSeparator
                         displayType="text"
                       ></NumericFormat>
                       <span className="unit">원</span>
                     </div>
-                    <div className="txn-mid">
-                      <span className="value">{ 'nitnitni' }</span>
-                    </div>
                   </div>
-
+                  <div className="txn-mid">
+                    <span className="value">{ amountInfo?.buyerName }</span>
+                  </div>
+                  <div className="txn-doc"></div>
                 </div>
                 <div className="txn-divider"></div>
                 <BillingInfoSection