From fd9be09582d39f55327e572b50d6bfe0474201ed Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Tue, 9 Jul 2024 22:53:19 +0200
Subject: [PATCH] display error on login when API is unreachable

---
 src/modules/login/Login.tsx    | 4 ++--
 src/modules/login/useLogin.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

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 (
     <ScrollView>
       <View style={styles.card}>
-        <FormErrors errors={errors} />
         <FormInput
           name="email"
           label="E-post / Brukernavn"
@@ -51,6 +50,7 @@ const Login = () => {
         >
           <Text>Glemt passord?</Text>
         </Button>
+        {loginError && isSubmitted && <FormErrors errors={loginError} />}
         {isLoggingIn && <ActivityIndicator color={theme.colors.neufOrange} />}
       </View>
     </ScrollView>
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<LoginFormValues>();
 
@@ -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;