diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-07-07 05:09:36 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-07-07 05:21:30 +0800 |
commit | 9669a4d1216b7d22107580daf3e2bff464eb2ade (patch) | |
tree | e408ae8281b8fc09ac253b7547027639e5f2943c /packages/website/ts/components/onboarding/wrap_eth_onboarding_step.tsx | |
parent | 7418926ebb156165f328a89cf58ec758737ee999 (diff) | |
download | dexon-0x-contracts-9669a4d1216b7d22107580daf3e2bff464eb2ade.tar dexon-0x-contracts-9669a4d1216b7d22107580daf3e2bff464eb2ade.tar.gz dexon-0x-contracts-9669a4d1216b7d22107580daf3e2bff464eb2ade.tar.bz2 dexon-0x-contracts-9669a4d1216b7d22107580daf3e2bff464eb2ade.tar.lz dexon-0x-contracts-9669a4d1216b7d22107580daf3e2bff464eb2ade.tar.xz dexon-0x-contracts-9669a4d1216b7d22107580daf3e2bff464eb2ade.tar.zst dexon-0x-contracts-9669a4d1216b7d22107580daf3e2bff464eb2ade.zip |
Create Balance component and make token symbols smaller than token amounts
Diffstat (limited to 'packages/website/ts/components/onboarding/wrap_eth_onboarding_step.tsx')
-rw-r--r-- | packages/website/ts/components/onboarding/wrap_eth_onboarding_step.tsx | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/packages/website/ts/components/onboarding/wrap_eth_onboarding_step.tsx b/packages/website/ts/components/onboarding/wrap_eth_onboarding_step.tsx index 4d336c80f..e4332de75 100644 --- a/packages/website/ts/components/onboarding/wrap_eth_onboarding_step.tsx +++ b/packages/website/ts/components/onboarding/wrap_eth_onboarding_step.tsx @@ -1,8 +1,11 @@ import { colors } from '@0xproject/react-shared'; +import { BigNumber } from '@0xproject/utils'; import * as React from 'react'; +import { Balance } from 'ts/components/ui/balance'; import { Container } from 'ts/components/ui/container'; import { IconButton } from 'ts/components/ui/icon_button'; import { Text } from 'ts/components/ui/text'; +import { constants } from 'ts/utils/constants'; export interface WrapEthOnboardingStep1Props {} @@ -51,16 +54,20 @@ export const WrapEthOnboardingStep2: React.StatelessComponent<WrapEthOnboardingS ); export interface WrapEthOnboardingStep3Props { - formattedWethBalanceIfExists?: string; + wethAmount: BigNumber; } -export const WrapEthOnboardingStep3: React.StatelessComponent<WrapEthOnboardingStep3Props> = ({ - formattedWethBalanceIfExists, -}) => ( +export const WrapEthOnboardingStep3: React.StatelessComponent<WrapEthOnboardingStep3Props> = ({ wethAmount }) => ( <div className="flex items-center flex-column"> <Text> - You have <b>{formattedWethBalanceIfExists || '0 WETH'}</b> in your wallet. - {formattedWethBalanceIfExists && ' Great!'} + You have{' '} + <Balance + amount={wethAmount} + decimals={constants.DECIMAL_PLACES_ETH} + symbol={constants.ETHER_TOKEN_SYMBOL} + />{' '} + in your wallet. + {wethAmount.gt(0) && ' Great!'} </Text> <Container width="100%" marginTop="25px" marginBottom="15px" className="flex justify-center"> <div className="flex flex-column items-center"> |