1 files changed, 34 insertions, 0 deletions

diff --git a/src/containers/auth/WelcomeScreen.js b/src/containers/auth/WelcomeScreen.js
new file mode 100644
index 000000000..e413264a6
--- /dev/null
+++ b/src/containers/auth/WelcomeScreen.js
@@ -0,0 +1,34 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { inject, observer } from 'mobx-react';
+
+import Welcome from '../../components/auth/Welcome';
+import UserStore from '../../stores/UserStore';
+import RecipePreviewsStore from '../../stores/RecipePreviewsStore';
+import { gaPage } from '../../lib/analytics';
+
+@inject('stores', 'actions') @observer
+export default class LoginScreen extends Component {
+  componentDidMount() {
+    gaPage('Auth/Welcome');
+  }
+
+  render() {
+    const { user, recipePreviews } = this.props.stores;
+
+    return (
+      <Welcome
+        loginRoute={user.loginRoute}
+        signupRoute={user.signupRoute}
+        recipes={recipePreviews.featured}
+      />
+    );
+  }
+}
+
+LoginScreen.wrappedComponent.propTypes = {
+  stores: PropTypes.shape({
+    user: PropTypes.instanceOf(UserStore).isRequired,
+    recipePreviews: PropTypes.instanceOf(RecipePreviewsStore).isRequired,
+  }).isRequired,
+};