diff --git a/src/modules/login/Login.tsx b/src/modules/login/Login.tsx index ca3fcfe..edd1357 100644 --- a/src/modules/login/Login.tsx +++ b/src/modules/login/Login.tsx @@ -10,12 +10,11 @@ import theme from 'src/theme'; import useLogin from './useLogin'; const Login = () => { - const { isLoggingIn, errors, control, setFocus, onSubmit } = useLogin(); + const { isLoggingIn, isSubmitted, errors, loginError, control, setFocus, onSubmit } = useLogin(); return ( - { > Glemt passord? + {loginError && isSubmitted && } {isLoggingIn && } diff --git a/src/modules/login/useLogin.tsx b/src/modules/login/useLogin.tsx index c084014..7064011 100644 --- a/src/modules/login/useLogin.tsx +++ b/src/modules/login/useLogin.tsx @@ -22,7 +22,7 @@ const useLogin = () => { const { control, handleSubmit, - formState: { errors }, + formState: { errors, isSubmitted }, setFocus, } = useForm(); @@ -37,7 +37,7 @@ const useLogin = () => { } }, [isAuthenticated, navigation]); - return { onSubmit, isLoggingIn, setFocus, control, errors: { ...errors, ...loginError } }; + return { onSubmit, isLoggingIn, isSubmitted, setFocus, control, errors: { ...errors }, loginError }; }; export default useLogin;