Updated API connection

front_end/src/components/login.tsx

@@ -2,6 +2,7 @@ import { useKeycloak } from '@react-keycloak/web'
 import { useEffect } from 'react';
 import { getUserTest, User } from '../classes';
 import { useLocalData } from '../context/useLocalData';
+import { setAuthToken, clearAuthToken } from '../api';
 
 export const Login =() =>{
     const {user,setUser} = useLocalData()
@@ -11,6 +12,8 @@ export const Login =() =>{
             const syncAndLoadUser = async () => {
                 if (keycloak.authenticated && keycloak.token) {
                     const tokenParsed = keycloak.tokenParsed;
+                    // set axios default auth header for API calls
+                    setAuthToken(keycloak.token);
                     setUser({
                         id: 0,
                         keycloakId: tokenParsed!.sub!,
@@ -47,6 +50,7 @@ export const Login =() =>{
     function handleLogout(): void {
         keycloak.logout()
         setUser(new User());
+        clearAuthToken();
     }
     return(
         <div>