fix:intercepters for expired token

-when token is expired user should be redirected to login page

Author: niyobertin

package-lock.json

@@ -70,6 +70,7 @@
     "@commitlint/config-conventional": "^19.2.2",
     "@testing-library/dom": "^10.2.0",
     "@types/jest": "^29.5.12",
+    "@types/jwt-decode": "^3.1.0",
     "@types/node": "^20.14.8",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",

package.json

@@ -79,13 +79,7 @@ const BuyerWishesList: React.FC = () => {
       </p>
     );
   }
-  if (!loggedInUserToken) {
-    navigate("/login");
-  }
 
-  if (loggedInUserToken && loggedInUser.roleId !== 1) {
-    navigate("/");
-  }
   return (
     <div className="w-full px-[2%] md:px-[4%]">
       <ToastContainer />

src/pages/Wishes.tsx

@@ -44,7 +44,14 @@ void,
     });
     return response.data.wishes;
   } catch (error: any) {
-    return rejectWithValue(error.message || "Failed to fetch wishes");
+    if (axios.isAxiosError(error)) {
+      const axiosError = error as AxiosError;
+      return rejectWithValue(
+        // @ts-ignore
+        axiosError.response?.data?.message ?? "Unknown error occurred",
+      );
+    }
+    return rejectWithValue("Unknown error occurred");
   }
 });
 

src/redux/reducers/wishListSlice.ts

@@ -0,0 +1,24 @@
+import { decodeToken } from "react-jwt";
+
+interface DecodedToken {
+  exp: number;
+  [key: string]: any;
+}
+
+const isTokenExpired = (token: string | null) => {
+  if (!token) {
+    return true;
+  }
+  try {
+    const decodedToken = decodeToken<DecodedToken>(token);
+    const currentTime = Date.now() / 1000;
+    if (decodedToken) {
+      return decodedToken.exp < currentTime;
+    }
+    return false;
+  } catch (error) {
+    return true;
+  }
+};
+
+export default isTokenExpired;