From 04f68e37f9b14ddc30fd938fefff409f357f7790 Mon Sep 17 00:00:00 2001 From: Cassie Tarakajian Date: Fri, 14 Oct 2016 12:08:08 -0400 Subject: [PATCH] add submit text --- client/modules/IDE/components/ResetPasswordView.js | 6 ++++-- client/modules/User/reducers.js | 2 ++ client/styles/components/_reset-password.scss | 5 ++++- 3 files changed, 10 insertions(+), 3 deletions(-) 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; }