diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-12 06:25:04 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-18 02:02:55 +0800 |
| commit | d6e321e97ff374b4f46356179bc1e280e4a00260 (patch) | |
| tree | c1f0d04950906b61162cec9e7d99d1f1b8a42956 /packages/website/ts/components/wallet/wallet.tsx | |
| parent | 807250510ac5be9ef7cd291aa16db64a5eff1418 (diff) | |
| download | dexon-sol-tools-d6e321e97ff374b4f46356179bc1e280e4a00260.tar dexon-sol-tools-d6e321e97ff374b4f46356179bc1e280e4a00260.tar.gz dexon-sol-tools-d6e321e97ff374b4f46356179bc1e280e4a00260.tar.bz2 dexon-sol-tools-d6e321e97ff374b4f46356179bc1e280e4a00260.tar.lz dexon-sol-tools-d6e321e97ff374b4f46356179bc1e280e4a00260.tar.xz dexon-sol-tools-d6e321e97ff374b4f46356179bc1e280e4a00260.tar.zst dexon-sol-tools-d6e321e97ff374b4f46356179bc1e280e4a00260.zip | |
Add manage you wallet footer
Diffstat (limited to 'packages/website/ts/components/wallet/wallet.tsx')
| -rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 65 |
1 files changed, 41 insertions, 24 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx index ac79d5a21..ff7127604 100644 --- a/packages/website/ts/components/wallet/wallet.tsx +++ b/packages/website/ts/components/wallet/wallet.tsx @@ -279,31 +279,48 @@ export class Wallet extends React.Component<WalletProps, WalletState> { } private _renderFooterRows(): React.ReactElement<{}> { return ( - <ListItem - key={FOOTER_ITEM_KEY} - primaryText={ - <div className="flex"> - <FloatingActionButton mini={true} zDepth={0} onClick={this.props.onAddToken}> - <ContentAdd /> - </FloatingActionButton> - <FloatingActionButton mini={true} zDepth={0} className="px1" onClick={this.props.onRemoveToken}> - <ContentRemove /> - </FloatingActionButton> - <div - style={{ - paddingLeft: 10, - position: 'relative', - top: '50%', - transform: 'translateY(33%)', - }} - > - add/remove tokens + <div key={FOOTER_ITEM_KEY}> + <ListItem + primaryText={ + <div className="flex"> + <FloatingActionButton mini={true} zDepth={0} onClick={this.props.onAddToken}> + <ContentAdd /> + </FloatingActionButton> + <FloatingActionButton + mini={true} + zDepth={0} + className="px1" + onClick={this.props.onRemoveToken} + > + <ContentRemove /> + </FloatingActionButton> + <div + style={{ + paddingLeft: 10, + position: 'relative', + top: '50%', + transform: 'translateY(33%)', + }} + > + add/remove tokens + </div> </div> - </div> - } - disabled={true} - innerDivStyle={styles.footerItemInnerDiv} - /> + } + disabled={true} + innerDivStyle={styles.footerItemInnerDiv} + style={styles.borderedItem} + /> + <Link to={`${WebsitePaths.Portal}/account`} style={{ textDecoration: 'none' }}> + <ListItem + primaryText={ + <div className="flex right" style={{ color: colors.mediumBlue, fontWeight: 'bold' }}> + {'manage your wallet'} + </div> + } + style={{ ...styles.paddedItem, ...styles.borderedItem }} + /> + </Link> + </div> ); } private _renderEthRows(): React.ReactNode { |