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}
+
+
+
+
+
+
+
+
+
+ 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}
-
-
-
-
-
-
-
-
- Transaction submitted
-
-
- Deploying your new Safe...
-
-
- This process should take a couple of minutes.
-
-
-)
-
-export default withStyles(styles)(Opening)