refactor: login

Author: Abh1noob

src/api/client/client.tsx

@@ -1,23 +1,62 @@
-import axios from "axios";
+export interface ApiResponse {
+  message: string;
+  status: string;
+  data: unknown;
+}
 
-//Define NEXT_PUBLIC_BASEURL in .env file
-const BASEURL = process.env.NEXT_PUBLIC_BASEURL;
+import axios, { type AxiosError, type InternalAxiosRequestConfig } from "axios";
+import toast from "react-hot-toast";
+// Extend AxiosRequestConfig to include the _retry property
+interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig {
+  _retry?: boolean;
+}
 
-const client = axios.create({
-  baseURL: BASEURL,
-  headers: {
-    "Content-Type": "application/json",
-  },
+const api = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_BASEURL,
 });
 
-// To Pass Token in Header. Uncomment if token stored in localstorage
+// Add a request interceptor
+api.interceptors.request.use(
+  (config: CustomAxiosRequestConfig) => {
+    config.withCredentials = true;
+
+    return config;
+  },
+  (error: AxiosError) => Promise.reject(error),
+);
+
+// Add a response interceptor
+api.interceptors.response.use(
+  (response) => response,
+  async (err) => {
+    const error = err as AxiosError;
+    const originalRequest = error.config as CustomAxiosRequestConfig;
 
-// client.interceptors.request.use((config) => {
-//   const token = localStorage.getItem("token");
-//   if (token) {
-//     config.headers.Authorization = `Bearer ${token}`;
-//   }
-//   return config;
-// });
+    // If the error status is 401 and there is no originalRequest._retry flag,
+    // it means the token has expired and we need to refresh it
+    if (error.response?.status === 401 && !originalRequest._retry) {
+      originalRequest._retry = true;
+
+      try {
+        await api.post<ApiResponse>(
+          `${process.env.NEXT_PUBLIC_BASEURL}/token/refresh`,
+          {},
+          {
+            withCredentials: true,
+          },
+        );
+        return api(originalRequest); // Use the api instance to retry the request
+      } catch {
+        // Handle refresh token error or redirect to login
+        toast.error("Session expired. Please login again.");
+        setTimeout(() => {
+          window.location.href = "/";
+        }, 2000);
+      }
+    }
+
+    return Promise.reject(error);
+  },
+);
 
-export default client;
+export default api;

src/api/teams.ts

@@ -40,7 +40,7 @@ export const fetchTeams = async ({
 
 export const setTeamRound = async (id: string, round: string) => {
   try{
-    const response = await axios.post<TeamsResponse>("/admin/team/rounds",{id, role: round});
+    const response = await axios.put<TeamsResponse>("/admin/team/rounds",{id, role: round});
     return response.data
   }
   catch(err){