Clears localStorage when session expire or user logs out

src/components/Partials/Layout.jsx

@@ -26,6 +26,8 @@ export default function Layout({ children }) {
     localStorage.removeItem('member_uuid');
     localStorage.removeItem('session_token');
     localStorage.removeItem('status');
+    localStorage.removeItem('layout');
+    localStorage.removeItem('measurement_units');
     // toast.success("Come Back Soon", {
     //   icon: `🙂`,
     // });

src/middleware/AuthRoute.jsx

@@ -18,6 +18,8 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
     localStorage.removeItem('member_id');
     localStorage.removeItem('member_uuid');
     localStorage.removeItem('status');
+    localStorage.removeItem('layout');
+    localStorage.removeItem('measurement_units');
     navigate("/login", { replace: true }); // redirects user to login page after session expires
   };
 
@@ -30,15 +32,15 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
 
 
   useEffect(()=>{
-    let sessionExpReminder = setTimeout(()=>{ //reminds user of session expiry after 4 mins 240000
+    let sessionExpReminder = setTimeout(()=>{ //reminds user of session expiry after 8 mins
       expireSessionReminder()
-    }, 240000) 
+    }, 480000)
 
-    let timeForSessionExpiry = setTimeout(()=>{ //reminds user of session expiry after 4 mins 300000
+    let timeForSessionExpiry = setTimeout(()=>{ //expire session after 10 mins
       expireSession()
-    }, 300000) 
+    }, 600000) 
 
-    return ()=>{ // clears timeout side effect
+    return ()=>{ // clears timeout side effect7
       clearTimeout(sessionExpReminder)
       clearInterval(timeForSessionExpiry)
     }