diff --git a/src/routes/open/components/FormConfirmation/index.jsx b/src/routes/open/components/FormConfirmation/index.jsx index 1fe4c947..cadeabc5 100644 --- a/src/routes/open/components/FormConfirmation/index.jsx +++ b/src/routes/open/components/FormConfirmation/index.jsx @@ -4,6 +4,7 @@ import CircularProgress from '@material-ui/core/CircularProgress' import Block from '~/components/layout/Block' import Bold from '~/components/layout/Bold' import Col from '~/components/layout/Col' +import OpenPaper from '~/routes/open/components/OpenPaper' import Paragraph from '~/components/layout/Paragraph' import Pre from '~/components/layout/Pre' import Row from '~/components/layout/Row' @@ -28,11 +29,11 @@ const Deployment = ({ address, tx }: Props) => ( ) -export default ({ address, tx }: Props) => ({ submitting }: FormProps) => { +export default ({ address, tx }: Props) => (controls: React$Node, { submitting }: FormProps) => { const txFinished = !!address return ( - + { !txFinished && @@ -51,6 +52,6 @@ export default ({ address, tx }: Props) => ({ submitting }: FormProps) => { } - + ) } diff --git a/src/routes/open/components/Layout.jsx b/src/routes/open/components/Layout.jsx index 74735d96..9b041fbf 100644 --- a/src/routes/open/components/Layout.jsx +++ b/src/routes/open/components/Layout.jsx @@ -16,7 +16,7 @@ import { history } from '~/store' import { secondary } from '~/theme/variables' const getSteps = () => [ - 'Start', 'Owners', 'Confirmations', 'Review', + 'Start', 'Details', 'Review', 'Submit', ] const initialValuesFrom = (userAccount: string) => ({ diff --git a/src/routes/open/components/ReviewInformation/index.jsx b/src/routes/open/components/ReviewInformation/index.jsx index 2909aa8c..934a4b52 100644 --- a/src/routes/open/components/ReviewInformation/index.jsx +++ b/src/routes/open/components/ReviewInformation/index.jsx @@ -3,22 +3,19 @@ import * as React from 'react' import { getNamesFrom, getAccountsFrom } from '~/routes/open/utils/safeDataExtractor' import Block from '~/components/layout/Block' import Bold from '~/components/layout/Bold' +import OpenPaper from '~/routes/open/components/OpenPaper' import Col from '~/components/layout/Col' import Heading from '~/components/layout/Heading' import Row from '~/components/layout/Row' import Paragraph from '~/components/layout/Paragraph' import { FIELD_NAME, FIELD_CONFIRMATIONS, FIELD_DAILY_LIMIT } from '../fields' -type FormProps = { - values: Object, -} - -const ReviewInformation = () => ({ values }: FormProps) => { +const ReviewInformation = () => (controls: React$Node, { values }: Object) => { const names = getNamesFrom(values) const addresses = getAccountsFrom(values) return ( - + Review the Safe information Safe Name: {values[FIELD_NAME]} @@ -44,7 +41,7 @@ const ReviewInformation = () => ({ values }: FormProps) => { ))} - + ) }