close the resend email box after use. remove dead code

client/coral-framework/actions/auth.js

@@ -156,7 +156,7 @@ const confirmEmailFailure = () => ({type: actions.CONFIRM_EMAIL_FAILURE});
 
 export const requestConfirmEmail = email => dispatch => {
   dispatch(confirmEmailRequest());
-  coralApi('/users/resend-confirm', {method: 'POST', body: {email}})
+  return coralApi('/users/resend-confirm', {method: 'POST', body: {email}})
     .then(() => {
       dispatch(confirmEmailSuccess());
     })

client/coral-framework/reducers/auth.js

@@ -12,6 +12,8 @@ const initialState = Map({
   passwordRequestSuccess: null,
   passwordRequestFailure: null,
   emailConfirmationFailure: false,
+  emailConfirmationLoading: false,
+  emailConfirmationSuccess: false,
   successSignUp: false
 });
 
@@ -35,6 +37,8 @@ export default function auth (state = initialState, action) {
       passwordRequestFailure: null,
       passwordRequestSuccess: null,
       emailConfirmationFailure: false,
+      emailConfirmationSuccess: false,
+      emailConfirmationLoading: false,
       successSignUp: false
     }));
   case actions.CHANGE_VIEW :
@@ -104,7 +108,15 @@ export default function auth (state = initialState, action) {
       .set('passwordRequestFailure', 'There was an error sending your password reset email. Please try again soon!')
       .set('passwordRequestSuccess', null);
   case actions.EMAIL_CONFIRM_ERROR:
-    return state.set('emailConfirmationFailure', true);
+    return state
+      .set('emailConfirmationFailure', true)
+      .set('emailConfirmationLoading', false);
+  case actions.CONFIRM_EMAIL_REQUEST:
+    return state.set('emailConfirmationLoading', true);
+  case actions.CONFIRM_EMAIL_SUCCESS:
+    return state
+      .set('emailConfirmationSuccess', true)
+      .set('emailConfirmationLoading', false);
   default :
     return state;
   }

client/coral-sign-in/components/SignDialog.js

@@ -17,7 +17,12 @@ const SignDialog = ({open, view, handleClose, offset, ...props}) => (
     }}>
     <span className={styles.close} onClick={handleClose}>×</span>
     {view === 'SIGNIN' && <SignInContent {...props} />}
-    {view === 'SIGNUP' && <SignUpContent {...props} />}
+    {
+      view === 'SIGNUP' && <SignUpContent
+        emailConfirmationLoading={props.emailConfirmationLoading}
+        emailConfirmationSuccess={props.emailConfirmationSuccess}
+        {...props} />
+    }
     {view === 'FORGOT' && <ForgotContent {...props} />}
   </Dialog>
 );

client/coral-sign-in/components/SignInContent.js

@@ -1,6 +1,6 @@
 import React, {PropTypes} from 'react';
 import Alert from './Alert';
-import {Button, FormField, Spinner} from 'coral-ui';
+import {Button, FormField, Spinner, Success} from 'coral-ui';
 import styles from './styles.css';
 import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from '../translations';
@@ -11,6 +11,8 @@ const SignInContent = ({
   handleChangeEmail,
   emailToBeResent,
   handleResendConfirmation,
+  emailConfirmationLoading,
+  emailConfirmationSuccess,
   formData,
   ...props
 }) => {
@@ -44,6 +46,8 @@ const SignInContent = ({
               value={emailToBeResent}
               onChange={handleChangeEmail} />
             <Button id='resendConfirmEmail' type='submit' cStyle='black' full>Send Email</Button>
+            {emailConfirmationLoading && <Spinner />}
+            {emailConfirmationSuccess && <Success />}
           </form>
         : <form onSubmit={props.handleSignIn}>
             <FormField
@@ -86,6 +90,8 @@ const SignInContent = ({
 };
 
 SignInContent.propTypes = {
+  emailConfirmationLoading: PropTypes.bool.isRequired,
+  emailConfirmationSuccess: PropTypes.bool.isRequired,
   handleResendConfirmation: PropTypes.func.isRequired,
   handleChangeEmail: PropTypes.func.isRequired,
   emailToBeResent: PropTypes.string.isRequired

client/coral-sign-in/containers/SignInContainer.js

@@ -44,7 +44,6 @@ class SignInContainer extends Component {
     this.handleResendConfirmation = this.handleResendConfirmation.bind(this);
     this.handleSignUp = this.handleSignUp.bind(this);
     this.handleSignIn = this.handleSignIn.bind(this);
-    this.handleClose = this.handleClose.bind(this);
     this.addError = this.addError.bind(this);
   }
 
@@ -77,13 +76,19 @@ class SignInContainer extends Component {
 
   handleChangeEmail(e) {
     const {value} = e.target;
-    console.log('handleChangeEmail', value);
     this.setState({emailToBeResent: value});
   }
 
   handleResendConfirmation(e) {
     e.preventDefault();
-    this.props.requestConfirmEmail(this.state.emailToBeResent);
+    this.props.requestConfirmEmail(this.state.emailToBeResent)
+      .then(() => {
+        setTimeout(() => {
+
+          // allow success UI to be shown for a second, and then close the modal
+          this.props.handleClose();
+        }, 2500);
+      });
   }
 
   addError(name, error) {
@@ -139,12 +144,9 @@ class SignInContainer extends Component {
     this.props.fetchSignIn(this.state.formData);
   }
 
-  handleClose() {
-    this.props.hideSignInDialog();
-  }
-
   render() {
     const {auth, showSignInDialog, noButton, offset} = this.props;
+    const {emailConfirmationLoading, emailConfirmationSuccess} = auth;
     return (
       <div>
         {!noButton && <Button id='coralSignInButton' onClick={showSignInDialog} full>
@@ -154,6 +156,8 @@ class SignInContainer extends Component {
           open={auth.showSignInDialog}
           view={auth.view}
           offset={offset}
+          emailConfirmationLoading={emailConfirmationLoading}
+          emailConfirmationSuccess={emailConfirmationSuccess}
           {...this}
           {...this.state}
           {...this.props}