diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-12 08:35:22 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-12 08:35:22 +0800 |
commit | 03b235bb428e8a61934ff603f22f057d8394b56a (patch) | |
tree | ba8671e02273c8d991b35e1920e0a2a29a9d0986 /packages/instant/src/components/instant_heading.tsx | |
parent | 1c92ae0ed0b90818aca7bf899c05fd150672d75b (diff) | |
download | dexon-0x-contracts-03b235bb428e8a61934ff603f22f057d8394b56a.tar dexon-0x-contracts-03b235bb428e8a61934ff603f22f057d8394b56a.tar.gz dexon-0x-contracts-03b235bb428e8a61934ff603f22f057d8394b56a.tar.bz2 dexon-0x-contracts-03b235bb428e8a61934ff603f22f057d8394b56a.tar.lz dexon-0x-contracts-03b235bb428e8a61934ff603f22f057d8394b56a.tar.xz dexon-0x-contracts-03b235bb428e8a61934ff603f22f057d8394b56a.tar.zst dexon-0x-contracts-03b235bb428e8a61934ff603f22f057d8394b56a.zip |
feat: populate order details with information from worst buy quote
Diffstat (limited to 'packages/instant/src/components/instant_heading.tsx')
-rw-r--r-- | packages/instant/src/components/instant_heading.tsx | 14 |
1 files changed, 3 insertions, 11 deletions
diff --git a/packages/instant/src/components/instant_heading.tsx b/packages/instant/src/components/instant_heading.tsx index cde3862c7..951858695 100644 --- a/packages/instant/src/components/instant_heading.tsx +++ b/packages/instant/src/components/instant_heading.tsx @@ -6,6 +6,7 @@ import * as React from 'react'; import { ethDecimals } from '../constants'; import { SelectedAssetAmountInput } from '../containers/selected_asset_amount_input'; import { ColorOption } from '../style/theme'; +import { format } from '../util/format'; import { Container, Flex, Text } from './ui'; @@ -19,23 +20,14 @@ const displaytotalEthBaseAmount = ({ selectedAssetAmount, totalEthBaseAmount }: if (_.isUndefined(selectedAssetAmount)) { return '0 ETH'; } - if (_.isUndefined(totalEthBaseAmount)) { - return '...loading'; - } - const ethUnitAmount = Web3Wrapper.toUnitAmount(totalEthBaseAmount, ethDecimals); - const roundedAmount = ethUnitAmount.round(4); - return `${roundedAmount} ETH`; + return format.ethBaseAmount(totalEthBaseAmount, 4, '...loading'); }; const displayUsdAmount = ({ totalEthBaseAmount, selectedAssetAmount, ethUsdPrice }: InstantHeadingProps): string => { if (_.isUndefined(selectedAssetAmount)) { return '$0.00'; } - if (_.isUndefined(totalEthBaseAmount) || _.isUndefined(ethUsdPrice)) { - return '...loading'; - } - const ethUnitAmount = Web3Wrapper.toUnitAmount(totalEthBaseAmount, ethDecimals); - return `$${ethUnitAmount.mul(ethUsdPrice).round(2)}`; + return format.ethBaseAmountInUsd(totalEthBaseAmount, ethUsdPrice, 2, '...loading'); }; export const InstantHeading: React.StatelessComponent<InstantHeadingProps> = props => ( |