diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-05-23 01:15:58 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-05-25 01:51:06 +0800 |
commit | 7af77d3eb0a73a0bd27898f5d3842c7dc7afef77 (patch) | |
tree | 9e054751e325965ce7c0d6ab18dbbd7447808751 /packages/website/ts/components/wallet | |
parent | de1ff52de3c9953dfb60283c8025b73d6e417029 (diff) | |
download | dexon-0x-contracts-7af77d3eb0a73a0bd27898f5d3842c7dc7afef77.tar dexon-0x-contracts-7af77d3eb0a73a0bd27898f5d3842c7dc7afef77.tar.gz dexon-0x-contracts-7af77d3eb0a73a0bd27898f5d3842c7dc7afef77.tar.bz2 dexon-0x-contracts-7af77d3eb0a73a0bd27898f5d3842c7dc7afef77.tar.lz dexon-0x-contracts-7af77d3eb0a73a0bd27898f5d3842c7dc7afef77.tar.xz dexon-0x-contracts-7af77d3eb0a73a0bd27898f5d3842c7dc7afef77.tar.zst dexon-0x-contracts-7af77d3eb0a73a0bd27898f5d3842c7dc7afef77.zip |
Basic onboarding flow infrastructure set up
Diffstat (limited to 'packages/website/ts/components/wallet')
-rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 12 |
1 files changed, 3 insertions, 9 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx index d0354580d..1790f7258 100644 --- a/packages/website/ts/components/wallet/wallet.tsx +++ b/packages/website/ts/components/wallet/wallet.tsx @@ -25,6 +25,7 @@ import { Blockchain } from 'ts/blockchain'; import { AllowanceToggle } from 'ts/components/inputs/allowance_toggle'; import { IconButton } from 'ts/components/ui/icon_button'; import { Identicon } from 'ts/components/ui/identicon'; +import { Island } from 'ts/components/ui/island'; import { TokenIcon } from 'ts/components/ui/token_icon'; import { WalletDisconnectedItem } from 'ts/components/wallet/wallet_disconnected_item'; import { WrapEtherItem } from 'ts/components/wallet/wrap_ether_item'; @@ -84,13 +85,6 @@ interface AccessoryItemConfig { const styles: Styles = { root: { width: '100%', - backgroundColor: colors.white, - borderBottomRightRadius: 10, - borderBottomLeftRadius: 10, - borderTopRightRadius: 10, - borderTopLeftRadius: 10, - boxShadow: `0px 4px 6px ${colors.walletBoxShadow}`, - overflow: 'hidden', }, headerItemInnerDiv: { paddingLeft: 65, @@ -198,11 +192,11 @@ export class Wallet extends React.Component<WalletProps, WalletState> { const isReadyToRender = this.props.blockchainIsLoaded && this.props.blockchainErr === BlockchainErrs.NoError; const isAddressAvailable = !_.isEmpty(this.props.userAddress); return ( - <div className="flex flex-column" style={styles.root}> + <Island className="flex flex-column" style={styles.root}> {isReadyToRender && isAddressAvailable ? _.concat(this._renderConnectedHeaderRows(), this._renderBody(), this._renderFooterRows()) : _.concat(this._renderDisconnectedHeaderRows(), this._renderDisconnectedRows())} - </div> + </Island> ); } private _renderDisconnectedHeaderRows(): React.ReactElement<{}> { |