fix(ui) - password reset errors

This commit is contained in:
Shekar Siri 2023-02-06 16:15:59 +01:00
parent 47551c8dda
commit e83bc716a2
2 changed files with 17 additions and 4 deletions

View file

@ -3,7 +3,7 @@ import { connect } from 'react-redux';
import ReCAPTCHA from 'react-google-recaptcha';
import withPageTitle from 'HOCs/withPageTitle';
import { Form, Input, Loader, Button, Link, Icon, Message } from 'UI';
import { requestResetPassword, resetPassword } from 'Duck/user';
import { requestResetPassword, resetPassword, resetErrors } from 'Duck/user';
import { login as loginRoute } from 'App/routes';
import { withRouter } from 'react-router-dom';
import { validateEmail } from 'App/validate';
@ -26,7 +26,7 @@ const checkDontMatch = (newPassword, newPasswordRepeat) =>
loading: state.getIn([ 'user', 'requestResetPassowrd', 'loading' ]) || state.getIn([ 'user', 'resetPassword', 'loading' ]),
params: new URLSearchParams(props.location.search)
}),
{ requestResetPassword, resetPassword },
{ requestResetPassword, resetPassword, resetErrors },
)
@withPageTitle("Password Reset - OpenReplay")
@withRouter
@ -42,7 +42,7 @@ export default class ForgotPassword extends React.PureComponent {
};
handleSubmit = (token) => {
const { email, requested, code, password } = this.state;
const { email, password } = this.state;
const { params } = this.props;
const pass = params.get('pass')
@ -89,6 +89,10 @@ export default class ForgotPassword extends React.PureComponent {
}
}
componentWillUnmount() {
this.props.resetErrors()
}
render() {
const { CAPTCHA_ENABLED } = this.state;
const { errors, loading, params } = this.props;
@ -148,7 +152,7 @@ export default class ForgotPassword extends React.PureComponent {
}
{
requested && (
requested && !errors && (
<div>Reset password link has been sent to your email.</div>
)
}

View file

@ -15,6 +15,7 @@ const RESEND_EMAIL_VERIFICATION = new RequestTypes('user/RESEND_EMAIL_VERIFICATI
const FETCH_CLIENT = new RequestTypes('user/FETCH_CLIENT');
export const UPDATE_PASSWORD = new RequestTypes('user/UPDATE_PASSWORD');
const PUT_CLIENT = new RequestTypes('user/PUT_CLIENT');
const RESET_ERRORS = 'user/RESET_ERRORS';
const PUSH_NEW_SITE = 'user/PUSH_NEW_SITE';
const SET_ONBOARDING = 'user/SET_ONBOARDING';
@ -52,6 +53,8 @@ export function setJwt(data) {
const reducer = (state = initialState, action = {}) => {
switch (action.type) {
case RESET_ERRORS:
return state.set('requestResetPassowrd', List());
case UPDATE_JWT:
return state.set('jwt', action.data);
case LOGIN.REQUEST:
@ -184,3 +187,9 @@ export function setOnboarding(state = false) {
state
};
}
export function resetErrors() {
return {
type: RESET_ERRORS,
};
}