수정

src/entities/settlement/model/types.ts

@@ -65,12 +65,13 @@ export interface SettlementsTransactionListResponse extends DefaulResponsePagina
 export interface SettlementsTransactionListContent {
   approvalNumber?: string;
   mid?: string;
+  tid?: string;
   approvalDate?: string;
   settlementDate?: string;
   transactionAmount?: number;
 };
 export interface SettlementsTransactionDetailParams {
-  approvalNumber: string;
+  tid: string;
 };
 export interface SettlementsTransactionDetailResponse {
   transactionAmount: number;
@@ -194,6 +195,7 @@ export interface ListItemProps extends SettlementsHistoryContent, SettlementsTra
 export interface AmountInfoWrapProps {
   periodType: SettlementPeriodType;
   amountInfo?: AmountInfo;
+  settlementAmount?: number | null;
 };
 export interface SettlementInfoWrapProps {
   settlementInfo?: SettlementInfo;

src/entities/settlement/ui/info-wrap/amount-info-wrap.tsx

@@ -8,6 +8,7 @@ import {
 export const AmountInfoWrap = ({
   periodType,
   amountInfo,
+  settlementAmount
 }: AmountInfoWrapProps) => {
 
   return (
@@ -156,7 +157,13 @@ export const AmountInfoWrap = ({
             </li>
             <li className="kv-row bolder">
               <span className="k">정산금액</span>
-              <span className="v">5,731,742</span>
+              <span className="v">
+                <NumericFormat
+                  value={ settlementAmount } 
+                  thousandSeparator
+                  displayType="text"
+                ></NumericFormat>
+              </span>
             </li>
           </ul>
         }

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

@@ -47,7 +47,11 @@ export const SettlementInfoWrap = ({
             </li>
             <li className="kv-row bolder">
               <span className="k">이체시간</span>
-              <span className="v">{ moment(settlementInfo?.transferTime).format('YYYY.MM.DD HH:mm:ss') }</span>
+              <span className="v">
+                { settlementInfo?.transferTime && 
+                  moment(settlementInfo?.transferTime).format('YYYY.MM.DD HH:mm:ss') 
+                }
+              </span>
             </li>
             <li className="kv-row bolder">
               <span className="k">은행명</span>

src/entities/settlement/ui/list-date-group.tsx

@@ -26,6 +26,7 @@ export const ListDateGroup = ({
             settlementDate={ items[i]?.settlementDate }
             merchantName={ items[i]?.merchantName }
             mid={ items[i]?.mid }
+            tid={ items[i]?.tid }
             settlementAmount={ items[i]?.settlementAmount }
             approvalNumber={ items[i]?.approvalNumber }
             approvalDate={ items[i]?.approvalDate }

src/entities/settlement/ui/list-item.tsx

@@ -10,6 +10,7 @@ export const ListItem = ({
   settlementDate,
   merchantName,
   mid,
+  tid,
   settlementAmount,
   approvalNumber,
   approvalDate,
@@ -30,6 +31,7 @@ export const ListItem = ({
         periodType: periodType,
         settlementId: settlementId,
         approvalNumber: approvalNumber,
+        tid: tid,
       }
     });
   };
@@ -66,7 +68,7 @@ export const ListItem = ({
               value={ settlementAmount || transactionAmount } 
               thousandSeparator
               displayType="text"
-              suffix={ '원' }
+              suffix='원'
             ></NumericFormat> 
           }
         </div>