자금이체 금액 표시 형식 개선

자금이체 목록 페이지에서 금액 표시 방식을 t('home.money') 형식으로 통일했습니다.

변경사항:
- transfer-list-wrap: 잔액 표시를 t('home.money') 형식으로 변경
- result-list-wrap: 요청/성공/실패 금액 표시를 t('home.money') 형식으로 변경
- 건수 표시에 t('transaction.count') 사용
- 불필요한 NumericFormat import 제거

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-11-03 16:52:41 +09:00
parent a566f18da9
commit 156b676081
2 changed files with 7 additions and 55 deletions

View File

@@ -11,7 +11,6 @@ import { useExtensionFundAccountResultSummaryMutation } from '../../api/fund-acc
import { useExtensionFundAccountResultExcelMutation } from '../../api/fund-account/use-extension-fund-account-result-excel-mutation';
import { useExtensionFundAccountResultListMutation } from '../../api/fund-account/use-extension-fund-account-result-list-mutation';
import { PATHS } from '@/shared/constants/paths';
import { NumericFormat } from 'react-number-format';
import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
import { getFundAccountResultStatusBtnGroup, getFundAccountStatusBtnGroup } from '../../model/fund-account/constant';
import { FundAccountResultFilter } from '../filter/fund-account-result-filter';
@@ -278,64 +277,22 @@ export const FundAccountResultListWrap = () => {
<li className="summary-amount-item">
<span className="label">{t('additionalService.common.request')}</span>
<span className="value">
<span>
<NumericFormat
value={totalRequestAmount}
thousandSeparator
displayType="text"
></NumericFormat>
</span>
<span className="unit"> {t('additionalService.fundAccount.won')} (</span>
<span>
<NumericFormat
value={totalRequestCount}
thousandSeparator
displayType="text"
></NumericFormat>
</span>
<span>)</span>
{t('home.money', { value: new Intl.NumberFormat('en-US').format(totalRequestAmount) })}
<span className="unit"> ({new Intl.NumberFormat('en-US').format(totalRequestCount)}{t('transaction.count')})</span>
</span>
</li>
<li className="summary-amount-item">
<span className="label">{t('additionalService.common.success')}</span>
<span className="value">
<span>
<NumericFormat
value={totalSuccessAmount}
thousandSeparator
displayType="text"
></NumericFormat>
</span>
<span className="unit"> {t('additionalService.fundAccount.won')} (</span>
<span>
<NumericFormat
value={totalSuccessCount}
thousandSeparator
displayType="text"
></NumericFormat>
</span>
<span>)</span>
{t('home.money', { value: new Intl.NumberFormat('en-US').format(totalSuccessAmount) })}
<span className="unit"> ({new Intl.NumberFormat('en-US').format(totalSuccessCount)}{t('transaction.count')})</span>
</span>
</li>
<li className="summary-amount-item">
<span className="label">{t('additionalService.common.fail')}</span>
<span className="value">
<span>
<NumericFormat
value={totalFailAmount}
thousandSeparator
displayType="text"
></NumericFormat>
</span>
<span className="unit"> {t('additionalService.fundAccount.won')} (</span>
<span>
<NumericFormat
value={totalFailCount}
thousandSeparator
displayType="text"
></NumericFormat>
</span>
<span>)</span>
{t('home.money', { value: new Intl.NumberFormat('en-US').format(totalFailAmount) })}
<span className="unit"> ({new Intl.NumberFormat('en-US').format(totalFailCount)}{t('transaction.count')})</span>
</span>
</li>
</ul>

View File

@@ -21,7 +21,6 @@ import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
import { useExtensionFundAccountTransferExcelMutation } from '../../api/fund-account/use-extension-fund-account-transfer-excel-mutation';
import { getFundAccountStatusBtnGroup } 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';
import { useStore } from '@/shared/model/store';
@@ -263,11 +262,7 @@ export const FundAccountTransferListWrap = () => {
<div className="row">
<span className="label">{t('additionalService.fundAccount.balance')}</span>
<span className="amount22">
<NumericFormat
value={balance}
thousandSeparator
displayType="text"
></NumericFormat><span className="unit">{t('additionalService.fundAccount.won')}</span>
{t('home.money', { value: new Intl.NumberFormat('en-US').format(balance) })}
</span>
</div>
</div>