format code

src/frontend/src/components/catchAllRoutes/index.tsx

@@ -6,7 +6,7 @@ export const CatchAllRoute = () => {
 
   // Redirect to the root ("/") when the catch-all route is matched
   useEffect(() => {
-    navigate('/');
+    navigate("/");
   }, []);
 
   return null;

src/frontend/src/controllers/API/api.tsx

@@ -49,12 +49,9 @@ function ApiInterceptor() {
             }
           }
 
-          if(!refreshToken && error?.config?.url?.includes(
+          if (!refreshToken && error?.config?.url?.includes("login")) {
-            "login"
-          ) ){
             return Promise.reject(error);
-          }
+          } else {
-          else{
             logout();
             navigate("/login");
           }
@@ -63,7 +60,6 @@ function ApiInterceptor() {
           return Promise.reject(error);
           // }
         }
-
       }
     );
 

src/frontend/src/modals/UserManagementModal/index.tsx

@@ -12,7 +12,6 @@ import {
 } from "../../types/components";
 import { nodeIconsLucide } from "../../utils/styleUtils";
 import BaseModal from "../baseModal";
-import InputComponent from "../../components/inputComponent";
 
 export default function UserManagementModal({
   title,

src/frontend/src/pages/AdminPage/index.tsx

@@ -15,6 +15,7 @@ import {
   TableRow,
 } from "../../components/ui/table";
 import { alertContext } from "../../contexts/alertContext";
+import { AuthContext } from "../../contexts/authContext";
 import {
   addUser,
   deleteUser,
@@ -23,7 +24,6 @@ import {
 } from "../../controllers/API";
 import ConfirmationModal from "../../modals/ConfirmationModal";
 import UserManagementModal from "../../modals/UserManagementModal";
-import { AuthContext } from "../../contexts/authContext";
 
 export default function AdminPage() {
   const [inputValue, setInputValue] = useState("");
@@ -49,9 +49,9 @@ export default function AdminPage() {
     setLoadingUsers(true);
     getUsersPage(index, size)
       .then((users) => {
-        setTotalRowsCount(users['total_count']);
+        setTotalRowsCount(users["total_count"]);
-        userList.current = users['users'];
+        userList.current = users["users"];
-        setFilterUserList(users['users']);
+        setFilterUserList(users["users"]);
         setLoadingUsers(false);
       })
       .catch((error) => {
@@ -140,12 +140,8 @@ export default function AdminPage() {
   }
 
   return (
-
     <>
-        {
+      {userData && (
-      userData && (
-
-    
         <div className="main-page-panel">
           <div className="m-auto flex h-full flex-row justify-center">
             <div className="basis-5/6">
@@ -345,9 +341,7 @@ export default function AdminPage() {
             </div>
           </div>
         </div>
-      )
+      )}
-    }
-
     </>
   );
 }

src/frontend/src/routes.tsx

@@ -1,5 +1,8 @@
 import { Route, Routes } from "react-router-dom";
+import { ProtectedAdminRoute } from "./components/authAdminGuard";
+import { ProtectedRoute } from "./components/authGuard";
 import { ProtectedLoginRoute } from "./components/authLoginGuard";
+import { CatchAllRoute } from "./components/catchAllRoutes";
 import AdminPage from "./pages/AdminPage";
 import LoginAdminPage from "./pages/AdminPage/LoginPage";
 import CommunityPage from "./pages/CommunityPage";
@@ -8,9 +11,6 @@ import HomePage from "./pages/MainPage";
 import DeleteAccountPage from "./pages/deleteAccountPage";
 import LoginPage from "./pages/loginPage";
 import SignUp from "./pages/signUpPage";
-import { CatchAllRoute } from "./components/catchAllRoutes";
-import { ProtectedRoute } from "./components/authGuard";
-import { ProtectedAdminRoute } from "./components/authAdminGuard";
 
 const Router = () => {
   return (