nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Object Object] 표시 오류 수정: Intl.NumberFormat 사용

Browse Source
This commit is contained in:
Jay Sheen
2025-10-30 10:19:25 +09:00
parent 3dbd6b4dda
commit 2553aca4de
17 changed files with 47 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/entities/vat-return/ui/list-detail-bottom-sheet.tsx
View File

@@ -69,25 +69,25 @@ export const VatReturnListDetailBottomSheet = ({
<div className="row">
<div className="label desc dot">{t('vatReturn.transactionAmount')} :</div>
<div className="value">
{t('home.money', { value: <NumericFormat value={ transactionAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(transactionAmount || 0) })}
</div>
</div>
<div className="row">
<div className="label desc dot">{t('vatReturn.supplyAmount')} :</div>
<div className="value">
{t('home.money', { value: <NumericFormat value={ supplyAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(supplyAmount || 0) })}
</div>
</div>
<div className="row">
<div className="label desc dot">{t('vatReturn.vat')} :</div>
<div className="value">
{t('home.money', { value: <NumericFormat value={ vatAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(vatAmount || 0) })}
</div>
</div>
<div className="row">
<div className="label desc dot">{t('vatReturn.totalAmount')} :</div>
<div className="value">
{t('home.money', { value: <NumericFormat value={ totalAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(totalAmount || 0) })}
</div>
</div>
</div>
@@ -105,7 +105,7 @@ export const VatReturnListDetailBottomSheet = ({
<span className="date">{ value.transactionDate? moment(value.transactionDate).format('YYYY-MM-DD'): '' }</span>
<div className="amount">
<span className="text">
{t('home.money', { value: <NumericFormat value={ value.totalAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(value.totalAmount || 0) })}
</span>
<img
className="arrow down"
@@ -124,13 +124,13 @@ export const VatReturnListDetailBottomSheet = ({
</div>
<div className="values">
<span>
{t('home.money', { value: <NumericFormat value={ value.transactionAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(value.transactionAmount || 0) })}
</span>
<span>
{t('home.money', { value: <NumericFormat value={ value.supplyAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(value.supplyAmount || 0) })}
</span>
<span>
{t('home.money', { value: <NumericFormat value={ value.vatAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(value.vatAmount || 0) })}
</span>
</div>
</div>

2
src/entities/vat-return/ui/list-item.tsx
View File

@@ -42,7 +42,7 @@ export const ListItem = ({
</div>
</div>
<div className="transaction-amount">
{t('home.money', { value: <NumericFormat value={ amount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(amount || 0) })}
</div>
</div>
</>

6
src/entities/vat-return/ui/section/amount-section.tsx
View File

@@ -37,7 +37,7 @@ export const AmountSection = ({
<div className="txn-num-group">
<div className="txn-amount">
<div className="value">
{t('home.money', { value: <NumericFormat value={ detail.totalAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(detail.totalAmount || 0) })}
</div>
<button
className="chip-btn"
@@ -54,13 +54,13 @@ export const AmountSection = ({
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;{t('vatReturn.supplyAmount')}</span>
<span className="value">
{t('home.money', { value: <NumericFormat value={ detail.supplyAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(detail.supplyAmount || 0) })}
</span>
</li>
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;{t('vatReturn.vat')}</span>
<span className="value">
{t('home.money', { value: <NumericFormat value={ detail.vatAmount } thousandSeparator displayType="text" /> })}
{t('home.money', { value: new Intl.NumberFormat('en-US').format(detail.vatAmount || 0) })}
</span>
</li>
</ul>