add submit text

client/modules/IDE/components/ResetPasswordView.js

@@ -16,10 +16,12 @@ class ResetPasswordView extends React.Component {
   }
 
   render() {
+    console.log(this.props.user);
     const resetPasswordClass = classNames({
       'reset-password': true,
-      'reset-password--submitted': this.props.user.passwordResetInitialized
+      'reset-password--submitted': this.props.user.resetPasswordInitiate
     });
+    console.log(resetPasswordClass);
     return (
       <div className={resetPasswordClass} ref="resetPassword" tabIndex="0">
         <h1>Reset Your Password</h1>
@@ -42,7 +44,7 @@ class ResetPasswordView extends React.Component {
 ResetPasswordView.propTypes = {
   resetPasswordReset: PropTypes.func.isRequired,
   user: PropTypes.shape({
-    passwordResetInitialized: PropTypes.bool
+    resetPasswordInitiate: PropTypes.bool
   }).isRequired,
 };
 

client/modules/User/reducers.js

@@ -15,6 +15,8 @@ const user = (state = { authenticated: false }, action) => {
       };
     case ActionTypes.RESET_PASSWORD_INITIATE:
       return Object.assign(state, {}, { resetPasswordInitiate: true });
+    case ActionTypes.RESET_PASSWORD_RESET:
+      return Object.assign(state, {}, { resetPasswordInitiate: false });
     default:
       return state;
   }

client/styles/components/_reset-password.scss

@@ -19,7 +19,10 @@
 .reset-password__submitted {
   width: #{300 / $base-font-size}rem;
   display: none;
-  .reset-password--submitted {
+  text-align: left;
+  font-size: #{12 / $base-font-size}rem;
+  margin-top: #{10 / $base-font-size}rem;
+  .reset-password--submitted & {
     display: block;
 
   }