diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-13 06:25:56 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-13 06:25:56 +0800 |
commit | 9e5e1f568ba71927cec2255bf779322edb6f7d07 (patch) | |
tree | 46698ae5f6081d80a569caa68028c2f3badaf164 /packages/instant/src/util/format.ts | |
parent | 65579c023670c09f39b4f7a733d7b703888d9d99 (diff) | |
download | dexon-0x-contracts-9e5e1f568ba71927cec2255bf779322edb6f7d07.tar dexon-0x-contracts-9e5e1f568ba71927cec2255bf779322edb6f7d07.tar.gz dexon-0x-contracts-9e5e1f568ba71927cec2255bf779322edb6f7d07.tar.bz2 dexon-0x-contracts-9e5e1f568ba71927cec2255bf779322edb6f7d07.tar.lz dexon-0x-contracts-9e5e1f568ba71927cec2255bf779322edb6f7d07.tar.xz dexon-0x-contracts-9e5e1f568ba71927cec2255bf779322edb6f7d07.tar.zst dexon-0x-contracts-9e5e1f568ba71927cec2255bf779322edb6f7d07.zip |
show as <$0.01 when less than a cent in USD, and also show 1 significant digit if rounded amount is 0
Diffstat (limited to 'packages/instant/src/util/format.ts')
-rw-r--r-- | packages/instant/src/util/format.ts | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/packages/instant/src/util/format.ts b/packages/instant/src/util/format.ts index e9c432b2f..3aaf9a3a7 100644 --- a/packages/instant/src/util/format.ts +++ b/packages/instant/src/util/format.ts @@ -2,7 +2,7 @@ import { BigNumber } from '@0x/utils'; import { Web3Wrapper } from '@0x/web3-wrapper'; import * as _ from 'lodash'; -import { ETH_DECIMALS } from '../constants'; +import { BIG_NUMBER_ZERO, ETH_DECIMALS } from '../constants'; export const format = { ethBaseUnitAmount: ( @@ -25,7 +25,10 @@ export const format = { return defaultText; } const roundedAmount = ethUnitAmount.round(decimalPlaces).toDigits(decimalPlaces); - return `${roundedAmount} ETH`; + // Sometimes for small ETH amounts (i.e. 0.000045) the amount rounded to 4 decimalPlaces is 0 + // If that is the case, show to 1 significant digit + const displayAmount = roundedAmount.eq(BIG_NUMBER_ZERO) ? ethUnitAmount.toPrecision(1) : roundedAmount; + return `${displayAmount} ETH`; }, ethBaseUnitAmountInUsd: ( ethBaseUnitAmount?: BigNumber, @@ -48,7 +51,13 @@ export const format = { if (_.isUndefined(ethUnitAmount) || _.isUndefined(ethUsdPrice)) { return defaultText; } - return `$${ethUnitAmount.mul(ethUsdPrice).toFixed(decimalPlaces)}`; + const rawUsdPrice = ethUnitAmount.mul(ethUsdPrice); + const roundedUsdPrice = rawUsdPrice.toFixed(decimalPlaces); + if (roundedUsdPrice === '0.00' && rawUsdPrice.gt(BIG_NUMBER_ZERO)) { + return '<$0.01'; + } else { + return `$${roundedUsdPrice}`; + } }, ethAddress: (address: string): string => { return `0x${address.slice(2, 7)}…${address.slice(-5)}`; |