1 files changed, 41 insertions, 0 deletions

diff --git a/src/containers/auth/ImportScreen.js b/src/containers/auth/ImportScreen.js
new file mode 100644
index 000000000..ddd56ffb6
--- /dev/null
+++ b/src/containers/auth/ImportScreen.js
@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { inject, observer } from 'mobx-react';
+import Import from '../../components/auth/Import';
+import UserStore from '../../stores/UserStore';
+import { gaPage } from '../../lib/analytics';
+
+@inject('stores', 'actions') @observer
+export default class ImportScreen extends Component {
+  componentDidMount() {
+    gaPage('Auth/Import');
+  }
+
+  render() {
+    const { actions, stores } = this.props;
+
+    if (stores.user.isImportLegacyServicesCompleted) {
+      stores.router.push(stores.user.inviteRoute);
+    }
+
+    return (
+      <Import
+        services={stores.user.legacyServices}
+        onSubmit={actions.user.importLegacyServices}
+        isSubmitting={stores.user.isImportLegacyServicesExecuting}
+        inviteRoute={stores.user.inviteRoute}
+      />
+    );
+  }
+}
+
+ImportScreen.wrappedComponent.propTypes = {
+  actions: PropTypes.shape({
+    user: PropTypes.shape({
+      importLegacyServices: PropTypes.func.isRequired,
+    }).isRequired,
+  }).isRequired,
+  stores: PropTypes.shape({
+    user: PropTypes.instanceOf(UserStore).isRequired,
+  }).isRequired,
+};