change(ui) - show login errors from API

This commit is contained in:
Shekar Siri 2023-02-08 17:42:53 +01:00
parent 54964ac771
commit 227bcda4e5
2 changed files with 5 additions and 2 deletions

View file

@ -129,7 +129,7 @@ class Login extends React.Component {
</div>
</div>
</Loader>
{errors.length ? (
{errors && errors.length ? (
<div className={stl.errors}>
{errors.map((error) => (
<div className={stl.errorItem}>

View file

@ -30,6 +30,7 @@ export const initialState = Map({
onboarding: false,
sites: List(),
jwt: null,
errors: List(),
loginRequest: {
loading: false,
errors: []
@ -77,8 +78,9 @@ const reducer = (state = initialState, action = {}) => {
case UPDATE_PASSWORD.FAILURE:
return state.set('passwordErrors', List(action.errors))
case LOGIN.FAILURE:
console.log('login failed', action);
deleteCookie('jwt', '/', 'openreplay.com')
return state.set('loginRequest', { loading: false, errors: ['Invalid username or password'] });
return state.set('loginRequest', { loading: false, errors: action.errors });
case FETCH_ACCOUNT.FAILURE:
case DELETE.SUCCESS:
case DELETE.FAILURE:
@ -100,6 +102,7 @@ const reducer = (state = initialState, action = {}) => {
export default withRequestState({
signupRequest: SIGNUP,
// loginRequest: LOGIN,
updatePasswordRequest: UPDATE_PASSWORD,
requestResetPassowrd: REQUEST_RESET_PASSWORD,
resetPassword: RESET_PASSWORD,