diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-27 07:13:35 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-29 02:50:08 +0800 |
commit | 8419db53bb94354280ed4776540386fc271e4589 (patch) | |
tree | 49a358b2d932ebd8bb4bf7ed5af3bd5b746b87b1 /packages/website/ts/components/wallet/wallet.tsx | |
parent | f76c9bc2263b81ab895d3ddec1afa2c3f901b32a (diff) | |
download | dexon-0x-contracts-8419db53bb94354280ed4776540386fc271e4589.tar dexon-0x-contracts-8419db53bb94354280ed4776540386fc271e4589.tar.gz dexon-0x-contracts-8419db53bb94354280ed4776540386fc271e4589.tar.bz2 dexon-0x-contracts-8419db53bb94354280ed4776540386fc271e4589.tar.lz dexon-0x-contracts-8419db53bb94354280ed4776540386fc271e4589.tar.xz dexon-0x-contracts-8419db53bb94354280ed4776540386fc271e4589.tar.zst dexon-0x-contracts-8419db53bb94354280ed4776540386fc271e4589.zip |
Implement provider name in header
Diffstat (limited to 'packages/website/ts/components/wallet/wallet.tsx')
-rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 20 |
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> |