add barrar token to graphql and axios

Author: zivglik

src/client.js

@@ -1,5 +1,23 @@
 import axios from 'axios';
+import KeycloakServices from 'keycloak/keycloakServices';
 
 const client = axios.create();
 
+client.interceptors.request.use(
+  config => {
+    const token = KeycloakServices.getToken();
+    if (token) {
+      return {
+        ...config,
+        headers: {
+          ...config.headers,
+          Authorization: `Bearer ${token}`,
+        },
+      };
+    }
+    return config;
+  },
+  error => Promise.reject(error)
+);
+
 export default client;

src/graphql/useApolloClient.js

@@ -5,12 +5,14 @@ import {
   ApolloLink,
   useReactiveVar,
 } from '@apollo/client';
+import { setContext } from '@apollo/client/link/context';
 import { onError } from '@apollo/client/link/error';
 import { selectors } from 'reducers';
 import { useSelector } from 'react-redux';
 import cache, { numberErrorGraphQLVar } from 'cache';
 import { Modal } from 'antd';
 import { GrafanaLink } from 'components';
+import KeycloakServices from 'keycloak/keycloakServices';
 
 const MAX_ERRORS_THRESHOLD = 5; // Maximum number of errors allowed within the time interval
 const TIME_INTERVAL = 60000; // 60 seconds in milliseconds
@@ -53,8 +55,18 @@ const useApolloClient = () => {
     uri: `${backendApiUrl.replace('/api/v1', '')}/graphql`,
   });
 
+  const authLink = setContext((_, { headers }) => {
+    const token = KeycloakServices.getToken();
+    return {
+      headers: {
+        ...headers,
+        Authorization: token ? `Bearer ${token}` : '',
+      },
+    };
+  });
+
   const apolloClient = new ApolloClient({
-    link: ApolloLink.from([errorLink, httpLink]),
+    link: ApolloLink.from([authLink, errorLink, httpLink]),
     cache,
   });
 

src/keycloak/keycloakServices.js

@@ -4,15 +4,27 @@ import Keycloak from 'keycloak-js';
 const KeycloakConfig = {
   clientId: 'simulator-ui-app',
   realm: 'Hkube',
-  url: 'https://cicd.hkube.org/hkube/keycloak/auth',
-  // resource: 'simulator-ui-app',
+  'ssl-required': 'external',
+  url: 'https://cicd.hkube.org/hkube/keycloak',
+  resource: 'simulator-ui-app',
   enableCors: true,
   allowedOrigins: '*',
-  clientUId: '23c95f69-17a2-4b9d-9001-39a5cb8f05fb',
+  'public-client': true,
+  'confidential-port': 0,
+  clientUId: '7a177d05-5441-4ced-a236-ed51b8525da6',
   checkLoginIframe: true,
   checkLoginIframeInterval: 30,
 };
 
+/*
+  "realm": "Hkube",
+  "auth-server-url": "https://cicd.hkube.org/hkube/keycloak",
+  "ssl-required": "external",
+  "resource": "simulator-ui-app",
+  "public-client": true,
+  "confidential-port": 0
+  */
+
 const _kc = new Keycloak(KeycloakConfig);
 
 const initKeycloak = (appToRender, renderError) => {