fix: deal ticket fees value formatting (#2014)

* fix: #2002 use asset dp for estimate order

* Update libs/deal-ticket/src/hooks/use-fee-deal-ticket-details.tsx

* fix: fix linting issue for format value with market dp
This commit is contained in:
m.ray 2022-11-10 20:09:32 +00:00 committed by GitHub
parent 25699b6283
commit e0b2fb9bf3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -96,21 +96,35 @@ export const getFeeDetailsValues = ({
estCloseOut,
market,
}: FeeDetails) => {
const formatValue = (value: string | number | null | undefined): string => {
const formatValueWithMarketDp = (
value: string | number | null | undefined
): string => {
return value && !isNaN(Number(value))
? normalizeFormatNumber(value, market.decimalPlaces)
: '-';
};
const formatValueWithAssetDp = (
value: string | number | null | undefined
): string => {
return value && !isNaN(Number(value))
? normalizeFormatNumber(
value,
market.tradableInstrument.instrument.product.settlementAsset.decimals
)
: '-';
};
return [
{
label: t('Notional'),
value: formatValue(notionalSize),
value: formatValueWithMarketDp(notionalSize),
quoteName,
labelDescription: NOTIONAL_SIZE_TOOLTIP_TEXT,
},
{
label: t('Fees'),
value: estMargin?.totalFees && `~${formatValue(estMargin?.totalFees)}`,
value:
estMargin?.totalFees &&
`~${formatValueWithAssetDp(estMargin?.totalFees)}`,
labelDescription: (
<>
<span>
@ -129,13 +143,14 @@ export const getFeeDetailsValues = ({
},
{
label: t('Margin'),
value: estMargin?.margin && `~${formatValue(estMargin?.margin)}`,
value:
estMargin?.margin && `~${formatValueWithAssetDp(estMargin?.margin)}`,
quoteName,
labelDescription: EST_MARGIN_TOOLTIP_TEXT,
},
{
label: t('Liquidation'),
value: estCloseOut && `~${formatValue(estCloseOut)}`,
value: estCloseOut && `~${formatValueWithMarketDp(estCloseOut)}`,
quoteName,
labelDescription: EST_CLOSEOUT_TOOLTIP_TEXT,
},