diff --git a/new-lamassu-admin/src/pages/Authentication/LoginState.js b/new-lamassu-admin/src/pages/Authentication/LoginState.js index ad84df03..ef6f8d1b 100644 --- a/new-lamassu-admin/src/pages/Authentication/LoginState.js +++ b/new-lamassu-admin/src/pages/Authentication/LoginState.js @@ -34,20 +34,20 @@ const initialValues = { rememberMe: false } +const getErrorMsg = (formikErrors, formikTouched, mutationError) => { + if (!formikErrors || !formikTouched) return null + if (mutationError) return 'Invalid login/password combination' + if (formikErrors.client && formikTouched.client) return formikErrors.client + if (formikErrors.password && formikTouched.password) + return formikErrors.password + return null +} + const LoginState = ({ state, dispatch }) => { const classes = useStyles() const [login, { error: mutationError }] = useMutation(LOGIN) - const getErrorMsg = (formikErrors, formikTouched) => { - if (!formikErrors || !formikTouched) return null - if (mutationError) return 'Invalid login/password combination' - if (formikErrors.client && formikTouched.client) return formikErrors.client - if (formikErrors.password && formikTouched.password) - return formikErrors.password - return null - } - const submitLogin = async (username, password, rememberMe) => { const { data: loginResponse } = await login({ variables: { @@ -88,7 +88,7 @@ const LoginState = ({ state, dispatch }) => { fullWidth autoFocus className={classes.input} - error={getErrorMsg(errors, touched)} + error={getErrorMsg(errors, touched, mutationError)} /> { component={SecretInput} label="Password" fullWidth - error={getErrorMsg(errors, touched)} + error={getErrorMsg(errors, touched, mutationError)} />
{ Keep me logged in
- {getErrorMsg(errors, touched) && ( + {getErrorMsg(errors, touched, mutationError) && (

- {getErrorMsg(errors, touched)} + {getErrorMsg(errors, touched, mutationError)}

)}