자금이체 금액 표시 형식 개선
자금이체 목록 페이지에서 금액 표시 방식을 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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user