aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-27 07:13:35 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-29 02:50:08 +0800
commit8419db53bb94354280ed4776540386fc271e4589 (patch)
tree49a358b2d932ebd8bb4bf7ed5af3bd5b746b87b1 /packages/website/ts/components
parentf76c9bc2263b81ab895d3ddec1afa2c3f901b32a (diff)
downloaddexon-sol-tools-8419db53bb94354280ed4776540386fc271e4589.tar
dexon-sol-tools-8419db53bb94354280ed4776540386fc271e4589.tar.gz
dexon-sol-tools-8419db53bb94354280ed4776540386fc271e4589.tar.bz2
dexon-sol-tools-8419db53bb94354280ed4776540386fc271e4589.tar.lz
dexon-sol-tools-8419db53bb94354280ed4776540386fc271e4589.tar.xz
dexon-sol-tools-8419db53bb94354280ed4776540386fc271e4589.tar.zst
dexon-sol-tools-8419db53bb94354280ed4776540386fc271e4589.zip
Implement provider name in header
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r--packages/website/ts/components/wallet/wallet.tsx20
1 files changed, 17 insertions, 3 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx
index 9f3266cc9..75f950513 100644
--- a/packages/website/ts/components/wallet/wallet.tsx
+++ b/packages/website/ts/components/wallet/wallet.tsx
@@ -110,7 +110,7 @@ const styles: Styles = {
color: colors.black,
},
valueLabel: {
- color: colors.grey,
+ color: colors.darkGrey,
fontSize: 14,
},
paddedItem: {
@@ -238,12 +238,26 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
}
private _renderConnectedHeaderRows(): React.ReactElement<{}> {
const userAddress = this.props.userAddress;
- const primaryText = utils.getAddressBeginAndEnd(userAddress);
+ const main = (
+ <div className="flex flex-column">
+ <Text fontSize="16px" lineHeight="19px" fontWeight={800}>
+ {utils.getAddressBeginAndEnd(userAddress)}
+ </Text>
+ <Container className="flex items-center">
+ <Circle diameter={6} fillColor="#37D400" />
+ <Container marginLeft="6px">
+ <Text fontSize="12px" lineHeight="14px" fontColor={colors.darkGrey}>
+ {this.props.injectedProviderName}
+ </Text>
+ </Container>
+ </Container>
+ </div>
+ );
return (
<Link key={HEADER_ITEM_KEY} to={ACCOUNT_PATH} style={{ textDecoration: 'none' }}>
<StandardIconRow
icon={<Identicon address={userAddress} diameter={ICON_DIMENSION} />}
- main={primaryText}
+ main={main}
style={styles.borderedItem}
/>
</Link>