diff --git a/client/modules/IDE/components/ResetPasswordView.js b/client/modules/IDE/components/ResetPasswordView.js
index 2aa0df3d..e46ad887 100644
--- a/client/modules/IDE/components/ResetPasswordView.js
+++ b/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 (
Reset Your Password
@@ -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,
};
diff --git a/client/modules/User/reducers.js b/client/modules/User/reducers.js
index 01b6a6fe..e75087e1 100644
--- a/client/modules/User/reducers.js
+++ b/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;
}
diff --git a/client/styles/components/_reset-password.scss b/client/styles/components/_reset-password.scss
index ad63f76f..83b7dfda 100644
--- a/client/styles/components/_reset-password.scss
+++ b/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;
}