From 93c1f0580e696215d50973ea18ff8538fadd5784 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Tue, 4 Nov 2025 17:09:41 +0900
Subject: [PATCH] Fix TypeScript errors and apply t('home.count') to
 all-transaction page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fix TypeScript errors in list-summary-extend-settlement.tsx
  - Add || 0 fallback for undefined values (transactionAmount, pgFeeAmount, holdAmount, releaseAmount, offsetAmount)
- Apply t('home.count') to all-transaction list page
  - Replace NumericFormat with consistent locale pattern
  - Remove NumericFormat import

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../settlement/ui/list-summary-extend-settlement.tsx   | 10 +++++-----
 src/pages/transaction/all-transaction/list-page.tsx    | 10 +---------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/entities/settlement/ui/list-summary-extend-settlement.tsx b/src/entities/settlement/ui/list-summary-extend-settlement.tsx
index 308b9b9..4aeca3a 100644
--- a/src/entities/settlement/ui/list-summary-extend-settlement.tsx
+++ b/src/entities/settlement/ui/list-summary-extend-settlement.tsx
@@ -20,31 +20,31 @@ export const ListSummaryExtendSettlement = ({
           <li className="summary-amount-item">
             <span className="label">{t('settlement.transactionAmount')}</span>
             <span className="value">
-              {t('home.money', { value: new Intl.NumberFormat('en-US').format(transactionAmount) })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(transactionAmount || 0) })}
             </span>
           </li>
           <li className="summary-amount-item">
             <span className="label">{t('settlement.totalPgFee')}</span>
             <span className="value minus">
-              {t('home.money', { value: new Intl.NumberFormat('en-US').format(pgFeeAmount) })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(pgFeeAmount || 0) })}
             </span>
           </li>
           <li className="summary-amount-item">
             <span className="label">{t('settlement.hold')}</span>
             <span className="value">
-              {t('home.money', { value: new Intl.NumberFormat('en-US').format(holdAmount) })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(holdAmount || 0) })}
             </span>
           </li>
           <li className="summary-amount-item">
             <span className="label">{t('settlement.release')}</span>
             <span className="value link">
-              {t('home.money', { value: new Intl.NumberFormat('en-US').format(releaseAmount) })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(releaseAmount || 0) })}
             </span>
           </li>
           <li className="summary-amount-item">
             <span className="label">{t('settlement.offset')}</span>
             <span className="value minus">
-              {t('home.money', { value: new Intl.NumberFormat('en-US').format(offsetAmount) })}
+              {t('home.money', { value: new Intl.NumberFormat('en-US').format(offsetAmount || 0) })}
             </span>
           </li>
         </ul>
diff --git a/src/pages/transaction/all-transaction/list-page.tsx b/src/pages/transaction/all-transaction/list-page.tsx
index 6680d2c..2a8ba21 100644
--- a/src/pages/transaction/all-transaction/list-page.tsx
+++ b/src/pages/transaction/all-transaction/list-page.tsx
@@ -1,7 +1,6 @@
 import moment from 'moment';
 import { useStore } from '@/shared/model/store';
 import { ChangeEvent, useEffect, useState } from 'react';
-import { NumericFormat } from 'react-number-format';
 import { IMAGE_ROOT } from '@/shared/constants/common';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
@@ -294,14 +293,7 @@ export const AllTransactionListPage = () => {
 								<div className="detail-item">
 									<span className="detail-label">{t('transaction.transactionCount')}</span>
 									<span className="detail-value">
-                    { t('transaction.total') + ' '}
-                    <NumericFormat
-                      value={ totalCount }
-                      allowNegative={ true }
-                      thousandSeparator
-                      displayType="text"
-                      suffix={' ' + t('home.count')}
-                    ></NumericFormat>
+                    {t('transaction.total')} {t('home.count', { value: new Intl.NumberFormat('en-US').format(totalCount || 0) })}
                   </span>
 								</div>
 							</div>