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

통화 표기 방식 개선: t('home.money', { value }) 패턴으로 통일

Browse Source
This commit is contained in:
Jay Sheen
2025-10-30 09:38:47 +09:00
parent 133aa44dff
commit 3dbd6b4dda
19 changed files with 49 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -69,49 +69,25 @@ export const VatReturnListDetailBottomSheet = ({
<div className="row">
<div className="label desc dot">{t('vatReturn.transactionAmount')} :</div>
<div className="value">
<NumericFormat
value={ transactionAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ transactionAmount } thousandSeparator displayType="text" /> })}
</div>
</div>
<div className="row">
<div className="label desc dot">{t('vatReturn.supplyAmount')} :</div>
<div className="value">
<NumericFormat
value={ supplyAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ supplyAmount } thousandSeparator displayType="text" /> })}
</div>
</div>
<div className="row">
<div className="label desc dot">{t('vatReturn.vat')} :</div>
<div className="value">
<NumericFormat
value={ vatAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ vatAmount } thousandSeparator displayType="text" /> })}
</div>
</div>
<div className="row">
<div className="label desc dot">{t('vatReturn.totalAmount')} :</div>
<div className="value">
<NumericFormat
value={ totalAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ totalAmount } thousandSeparator displayType="text" /> })}
</div>
</div>
</div>
@@ -129,13 +105,7 @@ export const VatReturnListDetailBottomSheet = ({
<span className="date">{ value.transactionDate? moment(value.transactionDate).format('YYYY-MM-DD'): '' }</span>
<div className="amount">
<span className="text">
<NumericFormat
value={ value.totalAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ value.totalAmount } thousandSeparator displayType="text" /> })}
</span>
<img
className="arrow down"
@@ -154,31 +124,13 @@ export const VatReturnListDetailBottomSheet = ({
</div>
<div className="values">
<span>
<NumericFormat
value={ value.transactionAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ value.transactionAmount } thousandSeparator displayType="text" /> })}
</span>
<span>
<NumericFormat
value={ value.supplyAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ value.supplyAmount } thousandSeparator displayType="text" /> })}
</span>
<span>
<NumericFormat
value={ value.vatAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ value.vatAmount } thousandSeparator displayType="text" /> })}
</span>
</div>
</div>

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

@@ -42,13 +42,7 @@ export const ListItem = ({
</div>
</div>
<div className="transaction-amount">
<NumericFormat
value={ amount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amount } thousandSeparator displayType="text" /> })}
</div>
</div>
</>

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

@@ -37,13 +37,7 @@ export const AmountSection = ({
<div className="txn-num-group">
<div className="txn-amount">
<div className="value">
{i18n.language === 'en' && <span>{t('home.currencySymbol')}</span>}
<NumericFormat
value={ detail.totalAmount }
thousandSeparator
displayType="text"
></NumericFormat>
<span className="unit">{i18n.language === 'en' ? '' : t('home.currencyWon')}</span>
{t('home.money', { value: <NumericFormat value={ detail.totalAmount } thousandSeparator displayType="text" /> })}
</div>
<button
className="chip-btn"
@@ -60,25 +54,13 @@ export const AmountSection = ({
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;{t('vatReturn.supplyAmount')}</span>
<span className="value">
<NumericFormat
value={ detail.supplyAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ detail.supplyAmount } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="amount-item">
<span className="label">·&nbsp;&nbsp;{t('vatReturn.vat')}</span>
<span className="value">
<NumericFormat
value={ detail.vatAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ detail.vatAmount } thousandSeparator displayType="text" /> })}
</span>
</li>
</ul>