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

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

View File

@@ -71,13 +71,7 @@ export const BoxContainer1 = () => {
<h3>{t('home.todaySales')}</h3>
<div className="today-sales">
<span className="won01">
<NumericFormat
value={ sales?.todayTotalAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ sales?.todayTotalAmount } thousandSeparator displayType="text" /> })}
</span>
<span className={ `per ${(increaseRate && increaseRate >= 0)? 'plus': 'minus'}` }>
<NumericFormat
@@ -125,13 +119,7 @@ export const BoxContainer1 = () => {
<h3>{t('home.todaySettlement')}</h3>
<div className="today-sales">
<span className="won02">
<NumericFormat
value={ settlement?.todaySettlementAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ settlement?.todaySettlementAmount } thousandSeparator displayType="text" /> })}
</span>
<span className="per">{t('home.depositCompleted')}</span>
<a className="arrow">
@@ -162,13 +150,7 @@ export const BoxContainer1 = () => {
<div className="remain-limit">
<span>{t('home.remainingSettlementLimit')}</span>
<strong style={{marginLeft: '4px'}}>
<NumericFormat
value={ settlement?.availableCredit }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ settlement?.availableCredit } thousandSeparator displayType="text" /> })}
</strong>
</div>
</div>

View File

@@ -112,13 +112,7 @@ export const BoxContainer2 = () => {
<h4>{t('home.totalSales')}</h4>
<div className="today-sales mt-sty">
<span className="won01">
<NumericFormat
value={ sales?.currentMonthAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ sales?.currentMonthAmount } thousandSeparator displayType="text" /> })}
</span>
<span className={ `per ${(salesIncrease && salesIncrease >= 0)? 'plus': 'minus'}` }>
<NumericFormat
@@ -142,13 +136,7 @@ export const BoxContainer2 = () => {
<h4>{t('home.totalSettlement')}</h4>
<div className="today-sales mt-sty">
<span className="won02">
<NumericFormat
value={ settlement?.currentMonthSettlementAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ settlement?.currentMonthSettlementAmount } thousandSeparator displayType="text" /> })}
</span>
<span className={ `per ${(settlementIncrease && settlementIncrease >= 0)? 'plus': 'minus'}` }>
<NumericFormat
@@ -178,13 +166,7 @@ export const BoxContainer2 = () => {
<h4>{t('home.averageTransactionAmount')}</h4>
<div className="two-account">
<span>
<NumericFormat
value={ averageTransactionAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ averageTransactionAmount } thousandSeparator displayType="text" /> })}
</span>
</div>
</div>
@@ -192,13 +174,7 @@ export const BoxContainer2 = () => {
<h4>{t('home.dailyAverageSalesAndCount')}</h4>
<div className="two-account">
<span>
<NumericFormat
value={ dailyAverageSales }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ dailyAverageSales } thousandSeparator displayType="text" /> })}
(<NumericFormat
value={ dailyAverageCount }
thousandSeparator