✨Warning on session expired

se-buw · Jan 11, 2024 · 7a1ea9b · 7a1ea9b
1 parent b57e43f
commit 7a1ea9b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/frontend/src/components/Utils/IdleTimer.jsx → ...ents/Utils/Modals/SessionExpiredModal.jsx b/frontend/src/components/Utils/IdleTimer.jsx → ...ents/Utils/Modals/SessionExpiredModal.jsx
@@ -11,10 +11,13 @@ import {
   MDBModalFooter,
 } from 'mdb-react-ui-kit';
 
-export default function App() {
+import { useAuth } from '../../../contexts/AuthContext';
+
+const SessionExpiredModal = () => {
   const [timeoutModal, setTimeoutModal] = useState(false);
   const [state, setState] = useState('Active')
-
+  const { isLoggedIn } = useAuth();
+
   const handleIdle = () => {
     setTimeoutModal(false)
     window.location.reload()
@@ -36,7 +39,7 @@ export default function App() {
 
   return (
     <>
-     {state === 'Idle' && (
+     {state === 'Idle' && isLoggedIn && (
         <MDBModal
           open={timeoutModal}
           tabIndex="-1"
@@ -69,3 +72,6 @@ export default function App() {
     </>
   )
 }
+
+
+export default SessionExpiredModal;
diff --git a/frontend/src/components/Utils/Nav.jsx b/frontend/src/components/Utils/Nav.jsx
@@ -22,7 +22,7 @@ import CustomSnackbar from './Modals/CustomSnackbar.jsx';
 import ConfirmModal from './Modals/ConfirmModal.jsx';
 import { downloadUserData, deleteProfile } from '../../api/playgroundApi.js';
 import axiosAuth from '../../api/axiosAuth.js';
-import IdleTimer from './IdleTimer.jsx'
+import SessionExpiredModal from  './Modals/SessionExpiredModal.jsx'
 
 /**
  * Display the header and navigation bar.
@@ -139,7 +139,7 @@ export default function Navbar({ setEditorValue, setLanguage }) {
         Are you sure you want to delete your profile?`}
         onConfirm={handleUserProfileDelete}
       />
-      <IdleTimer />
+        <SessionExpiredModal />
       <header className='fixed-top'>
         <MDBNavbar expand='lg' light bgColor='light'>
           <MDBContainer >