diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-06-16 04:55:37 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-06-16 05:06:17 +0800 |
commit | 3d6ce0fb7618ff7531f234929ead39fafecb1d11 (patch) | |
tree | 68d829036d965a224f78302a1f441c40acfec708 /packages/website/ts/components/portal/portal.tsx | |
parent | 54f79c2798c095344b003139144b77fc1024d8c3 (diff) | |
download | dexon-0x-contracts-3d6ce0fb7618ff7531f234929ead39fafecb1d11.tar dexon-0x-contracts-3d6ce0fb7618ff7531f234929ead39fafecb1d11.tar.gz dexon-0x-contracts-3d6ce0fb7618ff7531f234929ead39fafecb1d11.tar.bz2 dexon-0x-contracts-3d6ce0fb7618ff7531f234929ead39fafecb1d11.tar.lz dexon-0x-contracts-3d6ce0fb7618ff7531f234929ead39fafecb1d11.tar.xz dexon-0x-contracts-3d6ce0fb7618ff7531f234929ead39fafecb1d11.tar.zst dexon-0x-contracts-3d6ce0fb7618ff7531f234929ead39fafecb1d11.zip |
Make start onboarding button pretty
Diffstat (limited to 'packages/website/ts/components/portal/portal.tsx')
-rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index 48486939b..aca04969d 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -4,6 +4,7 @@ import * as _ from 'lodash'; import * as React from 'react'; import * as DocumentTitle from 'react-document-title'; import { Route, RouteComponentProps, Switch } from 'react-router-dom'; +import ActionAccountBalanceWallet from 'material-ui/svg-icons/action/account-balance-wallet'; import { Blockchain } from 'ts/blockchain'; import { BlockchainErrDialog } from 'ts/components/dialogs/blockchain_err_dialog'; @@ -22,6 +23,7 @@ import { TokenBalances } from 'ts/components/token_balances'; import { TopBar, TopBarDisplayType } from 'ts/components/top_bar/top_bar'; import { TradeHistory } from 'ts/components/trade_history/trade_history'; import { Container } from 'ts/components/ui/container'; +import { Text } from 'ts/components/ui/text'; import { FlashMessage } from 'ts/components/ui/flash_message'; import { Island } from 'ts/components/ui/island'; import { Wallet } from 'ts/components/wallet/wallet'; @@ -353,8 +355,21 @@ export class Portal extends React.Component<PortalProps, PortalState> { /> <Container marginTop="15px"> <Island> - {/** TODO: Implement real styles. */} - <p onClick={this._startOnboarding.bind(this)}>Start onboarding flow.</p> + <Container + marginTop="30px" + marginBottom="30px" + marginLeft="30px" + marginRight="30px" + className="flex justify-around items-center" + > + <ActionAccountBalanceWallet + style={{ width: '30px', height: '30px' }} + color={colors.orange} + /> + <Text fontColor={colors.grey} fontSize="16px" onClick={this._startOnboarding.bind(this)}> + Learn how to set up your account + </Text> + </Container> </Island> </Container> </div> |