feat ✨: User authentication token clearing

- Functionality for clearing the user's authentication token has been added. - The code implements a mechanism to handle unauthorized access attempts and redirect the user to the login page.
tmeftah · Aug 25, 2024 · 9d7d417 · 9d7d417
1 parent 31983fb
commit 9d7d417
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/frontend/src/stores/auth.js b/frontend/src/stores/auth.js
@@ -17,6 +17,11 @@ export const useAuthStore = defineStore("auth", {
   },
 
   actions: {
+    clearToken() {
+      this.token = null;
+      localStorage.removeItem("token"); // Remove token from storage
+    },
+
     async login(email, password) {
       const formData = new URLSearchParams();
       formData.append("grant_type", "password");

diff --git a/frontend/src/stores/main-store.js b/frontend/src/stores/main-store.js
@@ -29,6 +29,12 @@ export const useMainStore = defineStore("main", {
           },
         });
 
+        if (response.status === 401) {
+          authStore.clearToken();
+          window.location.href = "/login"; // Or use Vue Router
+          return;
+        }
+
         if (!response.ok) {
           // Extract error message if available
           const errorData = await response.json().catch(() => ({})); // Parsing might fail, default to empty object
@@ -115,6 +121,14 @@ export const useMainStore = defineStore("main", {
           readChunk(reader, this.solution);
         })
         .catch((error) => {
+          //
+          if (error.status === 401) {
+            authStore.clearToken();
+            window.location.href = "/login"; // Or use Vue Router
+            return;
+          }
+
+          //
           this.loading = false;
           console.error("Error fetching the data:", error);
         });
@@ -132,6 +146,12 @@ export const useMainStore = defineStore("main", {
           },
         });
 
+        if (response.status === 401) {
+          authStore.clearToken();
+          window.location.href = "/login"; // Or use Vue Router
+          return;
+        }
+
         if (!response.ok) {
           // Extract error message if available
           const errorData = await response.json().catch(() => ({})); // Parsing might fail, default to empty object
@@ -180,7 +200,10 @@ export const useMainStore = defineStore("main", {
             url: `${baseUrl}/documents/upload`,
             method: "POST",
             headers: [
-              { name: "Authorization", value: `Bearer ${authStore.token}` },
+              {
+                name: "Authorization",
+                value: `Bearer ${authStore.token}`,
+              },
             ],
           });
         }, 2000);
@@ -203,6 +226,7 @@ export const useMainStore = defineStore("main", {
     },
 
     async upload_failed() {
+      // FIXME: chech if token is not valid anymore
       Notify.create({
         color: "negative",
         position: "bottom",