edt fix

front_end/src/components/login.tsx

@@ -1,19 +1,40 @@
 import { useKeycloak } from '@react-keycloak/web'
+import { useEffect } from 'react';
+import { getUserTest, User } from '../classes';
+import { useLocalData } from '../context/useLocalData';
 
 
 
 
 export const Login =() =>{
+    const {user,setUser} = useLocalData()
+
+
+    useEffect(() => { //TODO à supprimer
+        setUser(getUserTest())
+    },[]);
+
+
+    function handleLogin(): void {
+        keycloak.login()
+        //TODO setUser
+    }
+
+    function handleLogout(): void {
+        keycloak.logout()
+        setUser(new User());
+    }
+
     const { keycloak } = useKeycloak()
     return(
         <div>
             <div>
                 Authenticated : {keycloak.authenticated ? '✅' : '❌'}
             </div>
-            <button onClick={() => keycloak.login()}>
+            <button onClick={() => handleLogin()}>
                 Se connecter
             </button>
-            <button onClick={() => keycloak.logout()}>
+            <button onClick={() => handleLogout()}>
                 Se déconnecter
             </button>
         </div>