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

Adapt owners inputs to new flow

This commit is contained in:
apanizo 2018-09-25 10:38:07 +02:00
parent 6a76217020
commit d8965b6304
2 changed files with 23 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/open/components/SafeForm/Owners/index.jsx
View File

@ -52,8 +52,7 @@ const Owners = (props: Props) => {
</Block> </Block>
{ renderOwners && [...Array(Number(numOwners))].map((x, index) => ( { renderOwners && [...Array(Number(numOwners))].map((x, index) => (
<Row key={`owner${(index)}`}> <Row key={`owner${(index)}`}>
<Col xs={11} xsOffset={1}> <Col xs={11} xsOffset={1} layout="column" margin="md">
<Block margin="sm">
<Paragraph weight="bold">Owner Nº {index + 1}</Paragraph> <Paragraph weight="bold">Owner Nº {index + 1}</Paragraph>
<Block margin="sm"> <Block margin="sm">
<Field <Field
@ -75,7 +74,6 @@ const Owners = (props: Props) => {
text="Owner Address" text="Owner Address"
/> />
</Block> </Block>
</Block>
</Col> </Col>
</Row> </Row>
)) } )) }

13
src/routes/open/components/SafeNameForm/index.jsx
View File

@ -7,7 +7,6 @@ import { required } from '~/components/forms/validator'
import Block from '~/components/layout/Block' import Block from '~/components/layout/Block'
import { FIELD_NAME } from '~/routes/open/components/fields' import { FIELD_NAME } from '~/routes/open/components/fields'
import Paragraph from '~/components/layout/Paragraph' import Paragraph from '~/components/layout/Paragraph'
import { lg } from '~/theme/variables'
import OpenPaper from '../OpenPaper' import OpenPaper from '../OpenPaper'
type Props = { type Props = {
@ -18,15 +17,10 @@ const styles = () => ({
root: { root: {
display: 'flex', display: 'flex',
}, },
container: {
maxWidth: '600px',
letterSpacing: '-0.5px',
padding: lg,
},
}) })
const SafeName = ({ classes }: Props) => ( const SafeName = ({ classes }: Props) => (
<Block className={classes.container}> <React.Fragment>
<Block margin="lg"> <Block margin="lg">
<Paragraph noMargin size="md" color="primary" weight="light"> <Paragraph noMargin size="md" color="primary" weight="light">
This setup will create a Safe with one or more owners. Optionally give the Safe a local name. This setup will create a Safe with one or more owners. Optionally give the Safe a local name.
@ -53,15 +47,14 @@ const SafeName = ({ classes }: Props) => (
text="Safe name" text="Safe name"
/> />
</Block> </Block>
</Block> </React.Fragment>
) )
const SafeNameForm = withStyles(styles)(SafeName) const SafeNameForm = withStyles(styles)(SafeName)
const SafeNamePage = () => (controls: React$Node) => ( const SafeNamePage = () => (controls: React$Node) => (
<OpenPaper> <OpenPaper controls={controls}>
<SafeNameForm /> <SafeNameForm />
{ controls }
</OpenPaper> </OpenPaper>
) )