fix auth redirect

add token to requests

src/index.tsx

@@ -16,13 +16,6 @@ export const keycloakConfig: AuthProviderProps = {
   authority: oidpSettings.server,
   client_id: oidpSettings.clientId,
   redirect_uri: hostURL.toString(),
-  onSigninCallback: () => {
-       window.history.replaceState(
-           {},
-           document.title,
-           window.location.pathname
-       )
-   }
 }
 
 const rootStore = new RootStore()
@@ -41,6 +34,4 @@ root.render(
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+reportWebVitals();
-
-

src/services/frigate.proxy/frigate.api.ts

@@ -10,12 +10,31 @@ import { FrigateConfig } from "../../types/frigateConfig";
 import { url } from "inspector";
 import { RecordSummary } from "../../types/record";
 import { EventFrigate } from "../../types/event";
+import { keycloakConfig } from "../..";
 
 
+const getToken = (): string | undefined => {
+    const key = `oidc.user:${keycloakConfig.authority}:${keycloakConfig.client_id}`;
+    const stored = sessionStorage.getItem(key);
+    const storedObject = stored ? JSON.parse(stored) : null;
+    return storedObject?.access_token;
+}
+
 const instanceApi = axios.create({
     baseURL: proxyURL.toString(),
     timeout: 30000,
-});
+})
+
+instanceApi.interceptors.request.use(
+    config => {
+      const token = getToken();
+      if (token) {
+        config.headers.Authorization = `Bearer ${token}`;
+      }
+      return config;
+    },
+    error => Promise.reject(error)
+  );
 
 export const frigateApi = {
     getConfig: () => instanceApi.get<GetConfig[]>('apiv1/config').then(res => res.data),