added session instead of token

Author: manojown

ui/package.json

@@ -27,6 +27,7 @@
     "echarts-for-react": "^3.0.2",
     "framer-motion": "^9.0.2",
     "html-react-parser": "^3.0.16",
+    "js-cookie": "^3.0.5",
     "minimist": "^1.2.8",
     "query-string": "^8.1.0",
     "react": "^18.2.0",

ui/src/utils/Api.ts

@@ -1,7 +1,9 @@
 import axios from "axios";
+// eslint-disable-next-line import/no-extraneous-dependencies
+import Cookies from "js-cookie";
 import { TAxiosWrapper } from "../types";
 
-const TOKEN = "clerk-db-jwt";
+const TOKEN = "__session";
 const PATH_PREFIX = "/api/v1/";
 const Instance = axios.create({
   baseURL: import.meta.env.VITE_BASE_URL
@@ -10,6 +12,10 @@ const Instance = axios.create({
   timeout: 8000,
 });
 
+const getToken = () => {
+  return Cookies.get(TOKEN);
+};
+
 export default function ApiCall<T>({
   path,
   method,
@@ -31,7 +37,7 @@ export default function ApiCall<T>({
       },
     ],
     headers: {
-      Authorization: `Bearer ${token}`,
+      Authorization: `Bearer ${getToken() || token}`,
     },
   });
 }