status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Wallet details

This commit is contained in:
nicosampler 2020-07-29 16:16:29 -03:00
parent 184c1cb08e
commit a295747cb6
1 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Header/components/ProviderDetails/UserDetails.tsx
View File

@ -3,9 +3,8 @@ import Dot from '@material-ui/icons/FiberManualRecord'
import classNames from 'classnames' import classNames from 'classnames'
import * as React from 'react' import * as React from 'react'
import { Identicon } from '@gnosis.pm/safe-react-components' import { Identicon } from '@gnosis.pm/safe-react-components'
import { AddressInfo } from '@gnosis.pm/safe-react-components'
import CopyBtn from 'src/components/CopyBtn'
import EtherscanBtn from 'src/components/EtherscanBtn'
import CircleDot from 'src/components/Header/components/CircleDot' import CircleDot from 'src/components/Header/components/CircleDot'
import Spacer from 'src/components/Spacer' import Spacer from 'src/components/Spacer'
import Block from 'src/components/layout/Block' import Block from 'src/components/layout/Block'
@ -14,7 +13,6 @@ import Hairline from 'src/components/layout/Hairline'
import Img from 'src/components/layout/Img' import Img from 'src/components/layout/Img'
import Paragraph from 'src/components/layout/Paragraph' import Paragraph from 'src/components/layout/Paragraph'
import Row from 'src/components/layout/Row' import Row from 'src/components/layout/Row'
import { shortVersionOf } from 'src/logic/wallets/ethAddresses'
import { background, connected as connectedBg, lg, md, sm, warning, xs } from 'src/theme/variables' import { background, connected as connectedBg, lg, md, sm, warning, xs } from 'src/theme/variables'
import { upperFirst } from 'src/utils/css' import { upperFirst } from 'src/utils/css'
@ -93,8 +91,6 @@ const styles = () => ({
const UserDetails = ({ classes, connected, network, onDisconnect, openDashboard, provider, userAddress }) => { const UserDetails = ({ classes, connected, network, onDisconnect, openDashboard, provider, userAddress }) => {
const status = connected ? 'Connected' : 'Connection error' const status = connected ? 'Connected' : 'Connection error'
const address = userAddress ? shortVersionOf(userAddress, 4) : 'Address not available'
const identiconAddress = userAddress || 'random'
const color = connected ? 'primary' : 'warning' const color = connected ? 'primary' : 'warning'
return ( return (
@ -102,20 +98,16 @@ const UserDetails = ({ classes, connected, network, onDisconnect, openDashboard,
<Block className={classes.container}> <Block className={classes.container}>
<Row align="center" className={classes.identicon} margin="md"> <Row align="center" className={classes.identicon} margin="md">
{connected ? ( {connected ? (
<Identicon address={identiconAddress} size="lg" /> <Identicon address={userAddress || 'random'} size="lg" />
) : ( ) : (
<CircleDot circleSize={75} dotRight={25} dotSize={25} dotTop={50} hideDot keySize={30} mode="warning" /> <CircleDot circleSize={75} dotRight={25} dotSize={25} dotTop={50} hideDot keySize={30} mode="warning" />
)} )}
</Row> </Row>
<Block className={classes.user} justify="center"> <Block className={classes.user} justify="center">
<Paragraph className={classes.address} noMargin size="sm"> {userAddress ? (
{address} <AddressInfo address={userAddress} showCopyBtn showEtherscanBtn shortenAddress={4} />
</Paragraph> ) : (
{userAddress && ( 'Address not available'
<>
<CopyBtn content={userAddress} increaseZindex />
<EtherscanBtn increaseZindex type="address" value={userAddress} />
</>
)} )}
</Block> </Block>
</Block> </Block>