aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-03-31 06:00:02 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-03-31 06:00:02 +0800
commitcdbb3a015fec03f84524fd9072e8e73f6e6fbc53 (patch)
tree8d9ec30c6aac9a828ed8238b5188f197a9b3df15
parent870da2ab225f37ae5b566e16ef2ae83834b3abf2 (diff)
downloaddexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar
dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.gz
dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.bz2
dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.lz
dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.xz
dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.zst
dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.zip
Add HACK comment and reorganize use other wallet button
-rw-r--r--packages/website/ts/components/wallet/wallet_disconnected_item.tsx22
1 files changed, 12 insertions, 10 deletions
diff --git a/packages/website/ts/components/wallet/wallet_disconnected_item.tsx b/packages/website/ts/components/wallet/wallet_disconnected_item.tsx
index d74ca23f6..89e32f7be 100644
--- a/packages/website/ts/components/wallet/wallet_disconnected_item.tsx
+++ b/packages/website/ts/components/wallet/wallet_disconnected_item.tsx
@@ -20,7 +20,12 @@ const styles: Styles = {
height: 80,
},
hrefAdjustment: {
- paddingTop: 20, // For some reason when we set the href prop of a FlatButton material-ui reduces the top padding
+ paddingTop: 20, // HACK: For some reason when we set the href prop of a FlatButton material-ui reduces the top padding
+ },
+ otherWalletText: {
+ fontSize: 14,
+ color: colors.grey500,
+ textDecoration: 'underline',
},
};
@@ -42,15 +47,12 @@ export const WalletDisconnectedItem: React.StatelessComponent<WalletDisconnected
<ProviderButton isExternallyInjectedProvider={isExternallyInjectedProvider} />
<div className="flex flex-center py2" style={{ paddingBottom: BUTTON_BOTTOM_PADDING }}>
<div className="mx-auto">
- <img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} />
- <a
- className="px1"
- href="javascript:;"
- onClick={props.onToggleLedgerDialog}
- style={{ fontSize: 14, color: colors.grey500 }}
- >
- use other wallet
- </a>
+ <div onClick={props.onToggleLedgerDialog} style={{ cursor: 'pointer' }}>
+ <img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} />
+ <span className="px1" style={styles.otherWalletText}>
+ user other wallet
+ </span>
+ </div>
</div>
</div>
</div>