Refactor ProtectedRoutes component to include error handling for auth…

…entication check
COS301-SE-2024 · Oct 22, 2024 · f435537 · f435537
1 parent e01c7f7
commit f435537
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/frontend/occupi-web/src/components/protectedRoutes/ProtectedRoutes.tsx b/frontend/occupi-web/src/components/protectedRoutes/ProtectedRoutes.tsx
@@ -16,14 +16,18 @@ const ProtectedRoute = (props: ProtectedRouteProps) => {
 
   useEffect(() => {
     const checkAuthentication = async () => {
-      if(userDetails === null){
-        const res = await AuthService.pingAdmin();
-        if (res.status === 200) {
-          const userDeets = await AuthService.getUserDetails();
-          setUserDetails(userDeets);
-        } else {
-          setUserDetails(null);
+      try{
+        if(userDetails === null){
+          const res = await AuthService.pingAdmin();
+          if (res.status === 200) {
+            const userDeets = await AuthService.getUserDetails();
+            setUserDetails(userDeets);
+          } else {
+            setUserDetails(null);
+          }
         }
+      } catch (error) {
+        setUserDetails(null);
       }
       setLoading(false); // Set loading to false after the check is done
     };