More refactoring

plugins/talk-plugin-auth/client/login/components/Main.js

@@ -1,13 +1,26 @@
 import React from 'react';
 import { Dialog } from 'plugin-api/beta/client/components/ui';
 import styles from './Main.css';
-
+import PropTypes from 'prop-types';
 import SignIn from '../containers/SignIn';
+import ForgotPassword from '../containers/ForgotPassword';
+import * as views from '../enums/views';
 
-const SignDialog = () => (
+const Main = ({ view, onResetView }) => (
   <Dialog className={styles.dialog} id="signInDialog" open={true}>
-    <SignIn />
+    {view !== views.SIGN_IN && (
+      <span className={styles.close} onClick={onResetView}>
+        ×
+      </span>
+    )}
+    {view === views.SIGN_IN && <SignIn />}
+    {view === views.FORGOT_PASSWORD && <ForgotPassword />}
   </Dialog>
 );
 
-export default SignDialog;
+Main.propTypes = {
+  view: PropTypes.string.isRequired,
+  onResetView: PropTypes.func.isRequired,
+};
+
+export default Main;