diff --git a/src/routes/opening/component/index.jsx b/src/routes/opening/component/index.jsx new file mode 100644 index 00000000..146df640 --- /dev/null +++ b/src/routes/opening/component/index.jsx @@ -0,0 +1,82 @@ +// @flow +import * as React from 'react' +import Block from '~/components/layout/Block' +import OpenInNew from '@material-ui/icons/OpenInNew' +import Paragraph from '~/components/layout/Paragraph' +import LinearProgress from '@material-ui/core/LinearProgress' +import { withStyles } from '@material-ui/core/styles' +import Img from '~/components/layout/Img' +import Page from '~/components/layout/Page' +import { openTxInEtherScan } from '~/logic/wallets/getWeb3' +import { mediumFontSize, secondary, xs } from '~/theme/variables' +import { type SelectorProps } from '../container/selector' + +type Props = SelectorProps & { + name: string, + tx: string, + classes: Object, +} + +const vault = require('../assets/vault.svg') + +const styles = { + page: { + letterSpacing: '-1px', + }, + icon: { + height: mediumFontSize, + color: secondary, + }, + follow: { + display: 'flex', + justifyContent: 'center', + marginTop: xs, + }, + etherscan: { + color: secondary, + textDecoration: 'underline', + display: 'flex', + alignItems: 'center', + marginLeft: xs, + fontWeight: 'bolder', + }, +} + +const Opening = ({ + classes, + name = 'Safe creation process', + tx, + network, +}: Props) => ( + + + {name} + + + Vault + + + + + + + Transaction submitted + + + Deploying your new Safe... + + + + + This process should take a couple of minutes.
+
+ { tx && + + Follow progress on Etherscan.io + + } +
+
+) + +export default withStyles(styles)(Opening) diff --git a/src/routes/opening/container/selector.js b/src/routes/opening/container/selector.js new file mode 100644 index 00000000..72b8e6c2 --- /dev/null +++ b/src/routes/opening/container/selector.js @@ -0,0 +1,11 @@ +// @flow +import { createStructuredSelector } from 'reselect' +import { networkSelector } from '~/logic/wallets/store/selectors' + +export type SelectorProps = { + network: string, +} + +export default createStructuredSelector({ + network: networkSelector, +}) diff --git a/src/routes/opening/index.jsx b/src/routes/opening/index.jsx deleted file mode 100644 index be840d82..00000000 --- a/src/routes/opening/index.jsx +++ /dev/null @@ -1,46 +0,0 @@ -// @flow -import * as React from 'react' -import Block from '~/components/layout/Block' -import Paragraph from '~/components/layout/Paragraph' -import LinearProgress from '@material-ui/core/LinearProgress' -import { withStyles } from '@material-ui/core/styles' -import Img from '~/components/layout/Img' -import Page from '~/components/layout/Page' - -type Props = { - name: string, - classes: Object, -} - -const vault = require('./assets/vault.svg') - -const styles = { - page: { - letterSpacing: '-1px', - }, -} - -const Opening = ({ classes, name = 'Safe creation process' }: Props) => ( - - - {name} - - - Vault - - - - - - Transaction submitted - - - Deploying your new Safe... - - - This process should take a couple of minutes.
-
-
-) - -export default withStyles(styles)(Opening)