authentification keyloack + début front

front_end/src/components/ent.tsx

@@ -0,0 +1,16 @@
+import { useState } from "react"
+import { User } from "../classes"
+import { useLocalData } from "../context/useLocalData"
+
+
+export const ENT =() =>{
+    const {user} = useLocalData()
+    
+    return(
+        <div>
+            
+        </div>
+    )
+}
+
+export default ENT

front_end/src/components/login.tsx

@@ -0,0 +1,23 @@
+import { useKeycloak } from '@react-keycloak/web'
+
+
+
+
+export const Login =() =>{
+    const { keycloak } = useKeycloak()
+    return(
+        <div>
+            <div>
+                Authenticated : {keycloak.authenticated ? '✅' : '❌'}
+            </div>
+            <button onClick={() => keycloak.login()}>
+                Se connecter
+            </button>
+            <button onClick={() => keycloak.logout()}>
+                Se déconnecter
+            </button>
+        </div>
+    )
+}
+
+export default Login