diff --git a/src/routes/open/components/SafeOwnersForm/index.jsx b/src/routes/open/components/SafeOwnersForm/index.jsx new file mode 100644 index 00000000..83f4247a --- /dev/null +++ b/src/routes/open/components/SafeOwnersForm/index.jsx @@ -0,0 +1,77 @@ +// @flow +import * as React from 'react' +import { withStyles } from '@material-ui/core/styles' +import Field from '~/components/forms/Field' +import TextField from '~/components/forms/TextField' +import { required } from '~/components/forms/validator' +import Block from '~/components/layout/Block' +import Row from '~/components/layout/Row' +import Col from '~/components/layout/Col' +import { FIELD_NAME } from '~/routes/open/components/fields' +import Paragraph from '~/components/layout/Paragraph' +import OpenPaper from '~/components/Stepper/OpenPaper' +import { getAccountsFrom } from '~/routes/open/utils/safeDataExtractor' +import Hairline from '~/components/layout/Hairline' +import { lg } from '~/theme/variables' + +type Props = { + classes: Object, +} + +const styles = () => ({ + root: { + display: 'flex', + }, + padding: { + padding: lg, + }, +}) + +const SafeOwners = ({ classes }: Props) => ( + + + + Specify the owners of the Safe. + + + + + + + NAME + + + ADDRESS + + + + + + + ● My Safe is a smart contract on the Ethereum blockchain. + + + + + + +) + +const SafeOwnersForm = withStyles(styles)(SafeOwners) + +const SafeOwnersPage = () => (controls: React$Node, { values }: Object) => ( + + + + + +) + +export default SafeOwnersPage