aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-05-12 06:25:04 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-05-18 02:02:55 +0800
commitd6e321e97ff374b4f46356179bc1e280e4a00260 (patch)
treec1f0d04950906b61162cec9e7d99d1f1b8a42956 /packages/website/ts/components
parent807250510ac5be9ef7cd291aa16db64a5eff1418 (diff)
downloaddexon-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')
-rw-r--r--packages/website/ts/components/wallet/wallet.tsx65
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 {