diff --git a/src/routes/open/components/Layout.jsx b/src/routes/open/components/Layout.jsx index d50bdbde..80b6add9 100644 --- a/src/routes/open/components/Layout.jsx +++ b/src/routes/open/components/Layout.jsx @@ -2,10 +2,16 @@ import * as React from 'react' import Stepper from '~/components/Stepper' import Confirmation from '~/routes/open/components/FormConfirmation' +import Block from '~/components/layout/Block' +import Heading from '~/components/layout/Heading' +import Row from '~/components/layout/Row' +import IconButton from '@material-ui/core/IconButton' import Review from '~/routes/open/components/ReviewInformation' +import ChevronLeft from '@material-ui/icons/ChevronLeft' import SafeFields, { safeFieldsValidation } from '~/routes/open/components/SafeForm' import { SAFELIST_ADDRESS } from '~/routes/routes' import Link from '~/components/layout/Link' +import { secondary } from '~/theme/variables' const getSteps = () => [ 'Fill Safe Form', 'Review Information', 'Deploy it', @@ -23,6 +29,10 @@ type Props = { onCallSafeContractSubmit: (values: Object) => Promise, } +const iconStyle = { + color: secondary, +} + const Layout = ({ provider, userAccount, safeAddress, safeTx, onCallSafeContractSubmit, }: Props) => { @@ -34,23 +44,31 @@ const Layout = ({ { provider ? ( - - - { SafeFields } - - - { Review } - - - { Confirmation } - - + + + + + + Create New Safe + + + + { SafeFields } + + + { Review } + + + { Confirmation } + + + ) :
No metamask detected
}