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

상세 태그 수정

Browse Source
This commit is contained in:
focp212@naver.com
2025-11-05 11:10:33 +09:00
parent 2556cc084a
commit 7d158c8a6e
11 changed files with 273 additions and 499 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/entities/settlement/ui/detail/settlement-detail.tsx
View File

@@ -132,64 +132,62 @@ export const SettlementDetail = ({
></FullMenuClose>
</div>
</div>
<div className="tab-pane sub active">
<div className="option-list">
<div className="txn-detail">
{ (periodType === SettlementPeriodType.SETTLEMENT_DATE) &&
<div className="txn-num-group">
<div className="txn-amount">
<div className="value">
{i18n.language === 'en' && <span className="unit">{t('home.currencySymbol')}</span>}
<NumericFormat
value={ settlementAmount }
thousandSeparator
displayType="text"
></NumericFormat>
{i18n.language !== 'en' && <span className="unit">{t('home.currencyWon')}</span>}
</div>
<div className="option-list">
<div className="txn-detail">
{ (periodType === SettlementPeriodType.SETTLEMENT_DATE) &&
<div className="txn-num-group">
<div className="txn-amount">
<div className="value">
{i18n.language === 'en' && <span className="unit">{t('home.currencySymbol')}</span>}
<NumericFormat
value={ settlementAmount }
thousandSeparator
displayType="text"
></NumericFormat>
{i18n.language !== 'en' && <span className="unit">{t('home.currencyWon')}</span>}
</div>
<div className="txn-date">{ moment(settlementDate).format('YYYY.MM.DD') }</div>
</div>
}
{ (periodType === SettlementPeriodType.TRANSACTION_DATE) &&
<div className="txn-num-group">
<div className="txn-amount">
<div className="value">
{i18n.language === 'en' && <span className="unit">{t('home.currencySymbol')}</span>}
<NumericFormat
value={ transactionAmount }
thousandSeparator
displayType="text"
></NumericFormat>
{i18n.language !== 'en' && <span className="unit">{t('home.currencyWon')}</span>}
</div>
<div className="txn-date">{ moment(settlementDate).format('YYYY.MM.DD') }</div>
</div>
}
{ (periodType === SettlementPeriodType.TRANSACTION_DATE) &&
<div className="txn-num-group">
<div className="txn-amount">
<div className="value">
{i18n.language === 'en' && <span className="unit">{t('home.currencySymbol')}</span>}
<NumericFormat
value={ transactionAmount }
thousandSeparator
displayType="text"
></NumericFormat>
{i18n.language !== 'en' && <span className="unit">{t('home.currencyWon')}</span>}
</div>
<div className="txn-date">{ merchantName }</div>
</div>
}
<div className="txn-divider minus"></div>
<AmountInfoWrap
periodType={ periodType }
amountInfo={ amountInfo }
settlementAmount={ settlementAmount }
></AmountInfoWrap>
<div className="txn-divider"></div>
{ (periodType === SettlementPeriodType.SETTLEMENT_DATE) &&
<SettlementInfoWrap
settlementInfo={ settlementInfo }
isOpen={ showSettlement }
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
></SettlementInfoWrap>
}
{ (periodType === SettlementPeriodType.TRANSACTION_DATE) &&
<TransactionInfoWrap
transactionInfo={ transactionInfo }
isOpen={ showTransaction }
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
></TransactionInfoWrap>
}
</div>
<div className="txn-date">{ merchantName }</div>
</div>
}
<div className="txn-divider minus"></div>
<AmountInfoWrap
periodType={ periodType }
amountInfo={ amountInfo }
settlementAmount={ settlementAmount }
></AmountInfoWrap>
<div className="txn-divider"></div>
{ (periodType === SettlementPeriodType.SETTLEMENT_DATE) &&
<SettlementInfoWrap
settlementInfo={ settlementInfo }
isOpen={ showSettlement }
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
></SettlementInfoWrap>
}
{ (periodType === SettlementPeriodType.TRANSACTION_DATE) &&
<TransactionInfoWrap
transactionInfo={ transactionInfo }
isOpen={ showTransaction }
onClickToShowInfo={ (infoWrapKey) => onClickToShowInfo(infoWrapKey) }
></TransactionInfoWrap>
}
</div>
</div>
</div>