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

16
src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx
View File

@@ -47,13 +47,7 @@ export const TitleInfoWrap = ({
<>
<div className="num-amount">
<span className="amount-text">
<NumericFormat
value={titleInfo?.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={titleInfo?.amount} thousandSeparator displayType="text" /> })}
</span>
</div>
<div className="num-store">{titleInfo?.corpName}</div>
@@ -65,13 +59,7 @@ export const TitleInfoWrap = ({
<>
<div className="num-amount">
<span className="amount-text">
<NumericFormat
value={titleInfo?.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={titleInfo?.amount} thousandSeparator displayType="text" /> })}
</span>
</div>
<div className="num-store">{titleInfo?.corpName}</div>

40
src/entities/additional-service/ui/list-item.tsx
View File

@@ -557,13 +557,7 @@ export const ListItem = ({
else if (additionalServiceCategory === AdditionalServiceCategory.KeyInPayment) {
rs.push(
<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>
);
}
@@ -572,13 +566,7 @@ export const ListItem = ({
) {
rs.push(
<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>
);
}
@@ -588,13 +576,7 @@ export const ListItem = ({
key="payout-item-amount"
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>
);
}
@@ -606,13 +588,7 @@ export const ListItem = ({
key="fund-account-transfer-amount"
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>
);
}
@@ -622,13 +598,7 @@ export const ListItem = ({
key="payout-item-amount"
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>
);
}

24
src/entities/home/ui/day-status-box-container1.tsx
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>

32
src/entities/home/ui/day-status-box-container2.tsx
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

8
src/entities/payment/ui/no-interest-info-bottom-sheet.tsx
View File

@@ -103,13 +103,7 @@ export const NoInterestInfoBottomSheet = ({
<div className="desc dot">
<span>{t('payment.applicationAmount')} : </span>
<span>
<NumericFormat
value={ value.applicationAmount }
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.applicationAmount } thousandSeparator displayType="text" /> })}
</span>
</div>
</>

88
src/entities/settlement/ui/info-wrap/amount-info-wrap.tsx
View File

@@ -22,13 +22,7 @@ export const AmountInfoWrap = ({
<li className="kv-row">
<span className="k">{t('settlement.totalTransactionAmount')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.totalTransactionAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.totalTransactionAmount } thousandSeparator displayType="text" /> })}
<NumericFormat
value={ amountInfo?.totalTransactionCount }
thousandSeparator
@@ -41,13 +35,7 @@ export const AmountInfoWrap = ({
<li>
<span>·&nbsp;&nbsp;{t('settlement.creditCard')}</span>
<span className="unset-child-span">
<NumericFormat
value={ amountInfo?.creditCardAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.creditCardAmount } thousandSeparator displayType="text" /> })}
<NumericFormat
value={ amountInfo?.creditCardCount }
thousandSeparator
@@ -60,13 +48,7 @@ export const AmountInfoWrap = ({
<li>
<span>·&nbsp;&nbsp;{t('settlement.accountTransfer')}</span>
<span className="unset-child-span">
<NumericFormat
value={ amountInfo?.accountTransferAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.accountTransferAmount } thousandSeparator displayType="text" /> })}
<NumericFormat
value={ amountInfo?.accountTransferCount }
thousandSeparator
@@ -177,97 +159,49 @@ export const AmountInfoWrap = ({
<li className="kv-row">
<span className="k">{t('settlement.transactionAmount')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.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={ amountInfo?.transactionAmount } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="kv-row">
<span className="k">{t('settlement.paymentFee')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.paymentFee }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.paymentFee } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="kv-row">
<span className="k">{t('settlement.escrowFee')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.escrowFee }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.escrowFee } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="kv-row">
<span className="k">{t('settlement.authFee')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.authFee }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.authFee } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="kv-row">
<span className="k">VAT</span>
<span className="v">
<NumericFormat
value={ amountInfo?.vatFee }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.vatFee } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="kv-row">
<span className="k">{t('settlement.expectedSettlementAmount')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.settlementAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.settlementAmount } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="kv-row">
<span className="k">{t('settlement.preSettlementCancelOffset')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.preSettlementCancelOffset }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.preSettlementCancelOffset } thousandSeparator displayType="text" /> })}
</span>
</li>
<li className="kv-row bolder">
<span className="k">{t('settlement.settlementAmount')}</span>
<span className="v">
<NumericFormat
value={ amountInfo?.finalSettlementAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ amountInfo?.finalSettlementAmount } thousandSeparator displayType="text" /> })}
</span>
</li>
</ul>

10
src/entities/settlement/ui/list-item.tsx
View File

@@ -65,15 +65,7 @@ export const ListItem = ({
}
</div>
<div className="transaction-amount">
{
<NumericFormat
value={ settlementAmount || 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={ settlementAmount || transactionAmount } thousandSeparator displayType="text" /> })}
</div>
</div>
</>

8
src/entities/settlement/ui/list-wrap.tsx
View File

@@ -391,13 +391,7 @@ export const ListWrap = ({
<div className="summary-label label">{t('settlement.settlementAmount')}</div>
<div className="summary-amount divTop">
<span className="amount-text">
<NumericFormat
value={ settlementAmount }
thousandSeparator
displayType="text"
prefix={i18n.language === 'en' ? t('home.currencySymbol') : ''}
suffix={i18n.language === 'en' ? '' : t('home.currencyWon')}
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ settlementAmount } thousandSeparator displayType="text" /> })}
</span>
<button
onClick={ () => setIsOpenSummary(!isOpenSummary) }

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>

1
src/locales/en.json
View File

@@ -273,6 +273,7 @@
"totalSettlement": "Total Settlement",
"currencyWon": "",
"currencySymbol": "₩",
"money": "₩{{value}}",
"goToSales": "Go to Sales",
"transactionInsights": "Transaction Insights",
"basedOnLastWeek": "Based on Last Week",

1
src/locales/ko.json
View File

@@ -277,6 +277,7 @@
"totalSales": "총 매출액",
"totalSettlement": "총 정산액",
"currencyWon": "원",
"money": "{{value}}원",
"goToSales": "오늘 매출 바로가기",
"transactionInsights": "거래 인사이트",
"basedOnLastWeek": "최근 일주일 기준",

8
src/pages/additional-service/ars/detail-page.tsx
View File

@@ -86,13 +86,7 @@ export const ArsDetailPage = () => {
<div className="pay-top">
<div className="num-amount">
<span className="amount">
<NumericFormat
value={ detail?.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={ detail?.amount } thousandSeparator displayType="text" /> })}
</span>
</div>
<div className="num-store">{ detail?.corpName }</div>

8
src/pages/additional-service/fund-account/result-detail-page.tsx
View File

@@ -86,13 +86,7 @@ export const FundAccountResultDetailPage = () => {
<div className="pay-top">
<div className="num-amount">
<span className="amount">
<NumericFormat
value={detail?.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={detail?.amount} thousandSeparator displayType="text" /> })}
</span>
</div>
<div className="num-store">{detail?.accountName}({detail?.accountNo})</div>

8
src/pages/additional-service/fund-account/transfer-detail-page.tsx
View File

@@ -79,13 +79,7 @@ export const FundAccountTransferDetailPage = () => {
<div className="pay-top">
<div className="num-amount">
<span className="amount">
<NumericFormat
value={detail?.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={detail?.amount} thousandSeparator displayType="text" /> })}
</span>
</div>
<div className="num-store">{detail?.accountName}({detail?.accountNo})</div>

8
src/pages/additional-service/payout/detail-page.tsx
View File

@@ -108,13 +108,7 @@ export const PayoutDetailPage = () => {
<div className="pay-top">
<div className="num-amount">
<span className="amount">
<NumericFormat
value={ detail?.disbursementAmount }
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?.disbursementAmount } thousandSeparator displayType="text" /> })}
</span>
</div>
<div className="num-store">{detail?.companyName}</div>

8
src/pages/transaction/all-transaction/list-page.tsx
View File

@@ -231,13 +231,7 @@ export const AllTransactionListPage = () => {
<div className="summary-label">{t('transaction.searchAmount')}</div>
<div className="summary-amount">
<span className="amount-text">
<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" /> })}
</span>
<div className="summary-actions">
<button className="filter-btn">

16
src/pages/transaction/cash-receipt/list-page.tsx
View File

@@ -218,13 +218,7 @@ export const CashReceiptListPage = () => {
<div className="row">
<span className="label">{ t('cashReceipt.approval') }</span>
<strong className="amount22">
<NumericFormat
value={ approvalAmount }
thousandSeparator
displayType="text"
prefix={ i18n.language === 'en' ? t('home.currencySymbol') : '' }
suffix={ i18n.language === 'en' ? '' : t('home.currencyWon') }
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ approvalAmount } thousandSeparator displayType="text" /> })}
</strong>
<span className="count">
<NumericFormat
@@ -239,13 +233,7 @@ export const CashReceiptListPage = () => {
<div className="row">
<span className="label">{ t('common.cancel') }</span>
<strong className="amount19">
<NumericFormat
value={ cancelAmount }
thousandSeparator
displayType="text"
prefix={ i18n.language === 'en' ? t('home.currencySymbol') : '' }
suffix={ i18n.language === 'en' ? '' : t('home.currencyWon') }
></NumericFormat>
{t('home.money', { value: <NumericFormat value={ cancelAmount } thousandSeparator displayType="text" /> })}
</strong>
<span className="count">
<NumericFormat