Make start onboarding button pretty
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user