1 files changed, 38 insertions, 0 deletions
diff --git a/ui/app/components/pages/unauthenticated/index.js b/ui/app/components/pages/unauthenticated/index.js
new file mode 100644
index 000000000..f8b5fa172
--- /dev/null
+++ b/ui/app/components/pages/unauthenticated/index.js
@@ -0,0 +1,38 @@
+const { connect } = require('react-redux')
+const PropTypes = require('prop-types')
+const { Redirect } = require('react-router-dom')
+const h = require('react-hyperscript')
+const { INITIALIZE_ROUTE } = require('../../../routes')
+const MetamaskRoute = require('../metamask-route')
+
+const Unauthenticated = ({ component: Component, isInitialized, ...props }) => {
+  const component = renderProps => {
+    return isInitialized
+      ? h(Component, { ...renderProps })
+      : h(Redirect, { to: { pathname: INITIALIZE_ROUTE } })
+  }
+
+  return (
+    h(MetamaskRoute, {
+      ...props,
+      component,
+    })
+  )
+}
+
+Unauthenticated.propTypes = {
+  component: PropTypes.func,
+  isInitialized: PropTypes.bool,
+  isMascara: PropTypes.bool,
+  mascaraComponent: PropTypes.func,
+}
+
+const mapStateToProps = state => {
+  const { metamask: { isInitialized, isMascara } } = state
+  return {
+    isInitialized,
+    isMascara,
+  }
+}
+
+module.exports = connect(mapStateToProps)(Unauthenticated)