[WIP] Fix Logout Delete Token

frontend/client-portal/src/contexts/LaravelAuthContext.tsx

@@ -165,7 +165,6 @@ function AuthProvider({ children }: AuthProviderProps) {
   };
 
   const logout = async () => {
-    console.log('LOGGING OUT')
     setSession(null);
     dispatch({ type: Types.Logout });
   };

frontend/client-portal/src/layouts/dashboard/header/AccountPopover.tsx

@@ -6,6 +6,7 @@ import { Box, Divider, Typography, Stack, MenuItem, Avatar } from '@mui/material
 import MenuPopover from '../../../components/MenuPopover';
 import { IconButtonAnimate } from '../../../components/animate';
 import { useNavigate } from "react-router-dom";
+import useAuth from '../../../hooks/useAuth';
 
 // ----------------------------------------------------------------------
 
@@ -29,6 +30,7 @@ const MENU_OPTIONS = [
 export default function AccountPopover() {
   const [open, setOpen] = useState<HTMLElement | null>(null);
   const navigate = useNavigate();
+  const { logout } = useAuth();
 
   const handleOpen = (event: React.MouseEvent<HTMLElement>) => {
     setOpen(event.currentTarget);
@@ -39,6 +41,7 @@ export default function AccountPopover() {
   };
 
   const handleLogout = () => {
+    logout();
     navigate('/auth/login');
   }
 

frontend/client-portal/src/routes/index.tsx

@@ -58,20 +58,20 @@ export default function Router() {
     // },
     {
       path: '/',
-      element: <DashboardLayout />,
+      element: <AuthProvider><DashboardLayout /></AuthProvider>,
       children:[
         {
           path: 'dashboard',
-          element: <AuthProvider><Dashboard /></AuthProvider>,
-        },
-        {
-          path: 'medicines',
-          element: <AuthProvider><Medicines /></AuthProvider>,
-        },
-        {
-          path: 'medicines/create',
-          element: <AuthProvider><MedicinesCreate /></AuthProvider>
+          element: <Dashboard />,
         },
+        // {
+        //   path: 'medicines',
+        //   element: <AuthProvider><Medicines /></AuthProvider>,
+        // },
+        // {
+        //   path: 'medicines/create',
+        //   element: <AuthProvider><MedicinesCreate /></AuthProvider>
+        // },
       ]
     },
     // {