subscribe + unsubscribe + edt

front_end/src/components/login.tsx

@@ -1,6 +1,6 @@
 import { useKeycloak } from '@react-keycloak/web'
 import { useEffect } from 'react';
-import { Athlete, User } from '../classes';
+import { Admin, Athlete, Coach, User } from '../classes';
 import { useLocalData } from '../context/useLocalData';
 import { loginOrRegister, postAthlete } from '../requetes';
 import { clearAuthToken, setAuthToken } from '../api';
@@ -80,6 +80,9 @@ export const Login =() =>{
                 <div>
                     Nom : { user.nom}
                 </div>
+                {user instanceof Athlete && <div>Role : Athlete</div>}
+                {user instanceof Coach && <div>Role : Coach</div>}
+                {user instanceof Admin && <div>Role : Admin</div>}
             
             </div>
             }