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

Splitter sendFunds

This commit is contained in:
mmv 2019-04-30 15:58:37 +04:00
parent 53c8a8f5ad
commit 8b0bb4fe4f
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/safe/components/Balances/SendModal/screens/SendFunds/index.jsx
View File

@ -4,11 +4,13 @@ import { withStyles } from '@material-ui/core/styles'
import Close from '@material-ui/icons/Close' import Close from '@material-ui/icons/Close'
import IconButton from '@material-ui/core/IconButton' import IconButton from '@material-ui/core/IconButton'
import OpenInNew from '@material-ui/icons/OpenInNew' import OpenInNew from '@material-ui/icons/OpenInNew'
import ArrowDown from '@material-ui/icons/ArrowDownward'
import Identicon from '~/components/Identicon' import Identicon from '~/components/Identicon'
import Paragraph from '~/components/layout/Paragraph' import Paragraph from '~/components/layout/Paragraph'
import Row from '~/components/layout/Row' import Row from '~/components/layout/Row'
import Link from '~/components/layout/Link' import Link from '~/components/layout/Link'
import Col from '~/components/layout/Col' import Col from '~/components/layout/Col'
import Block from '~/components/layout/Block' import Block from '~/components/layout/Block'
import Bold from '~/components/layout/Bold' import Bold from '~/components/layout/Bold'
import Hairline from '~/components/layout/Hairline' import Hairline from '~/components/layout/Hairline'
@ -73,12 +75,12 @@ const SendFunds = ({
</Row> </Row>
<Hairline /> <Hairline />
<Block className={classes.formContainer}> <Block className={classes.formContainer}>
<Row> <Row margin="md">
<Col xs={1}> <Col xs={1}>
<Identicon address={safeAddress} diameter={32} /> <Identicon address={safeAddress} diameter={32} />
</Col> </Col>
<Col xs={11} layout="column"> <Col xs={11} layout="column">
<Paragraph weight="bolder" noMargin style={{lineHeight: 1}}> <Paragraph weight="bolder" noMargin style={{ lineHeight: 1 }}>
{safeName} {safeName}
</Paragraph> </Paragraph>
<Paragraph weight="bolder" onClick={copyToClipboard} noMargin> <Paragraph weight="bolder" onClick={copyToClipboard} noMargin>
@ -87,7 +89,7 @@ const SendFunds = ({
<OpenInNew style={openIconStyle} /> <OpenInNew style={openIconStyle} />
</Link> </Link>
</Paragraph> </Paragraph>
<Block className={classes.balanceContainer} margin="lg"> <Block className={classes.balanceContainer}>
<Paragraph noMargin> <Paragraph noMargin>
Balance: Balance:
{' '} {' '}
@ -96,7 +98,14 @@ const SendFunds = ({
</Block> </Block>
</Col> </Col>
</Row> </Row>
<Row>
<Col xs={1}>
<ArrowDown />
</Col>
<Col xs={11} center="xs" layout="column">
<Hairline /> <Hairline />
</Col>
</Row>
</Block> </Block>
</React.Fragment> </React.Fragment>
) )