From 23ce4b983ee4b488ffa762e30b5ee04ed4f80e0b Mon Sep 17 00:00:00 2001
From: dekzter <kappa118@gmail.com>
Date: Thu, 6 Mar 2025 12:51:39 -0500
Subject: [PATCH] logout actually works now

---
 frontend/src/components/Sidebar.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Sidebar.js b/frontend/src/components/Sidebar.js
index 161e6766..55cb2d43 100644
--- a/frontend/src/components/Sidebar.js
+++ b/frontend/src/components/Sidebar.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link, useLocation } from 'react-router-dom';
+import { Link, useLocation, useNavigate } from 'react-router-dom';
 import {
   List,
   ListItem,
@@ -39,10 +39,16 @@ const items = [
 
 const Sidebar = ({ open, miniDrawerWidth, drawerWidth, toggleDrawer }) => {
   const location = useLocation();
-  const { isAuthenticated } = useAuthStore();
+  const { isAuthenticated, logout } = useAuthStore();
   const {
     environment: { public_ip },
   } = useSettingsStore();
+  const navigate = useNavigate();
+
+  const onLogout = () => {
+    logout();
+    navigate('/login');
+  };
 
   return (
     <Drawer
@@ -103,7 +109,7 @@ const Sidebar = ({ open, miniDrawerWidth, drawerWidth, toggleDrawer }) => {
         <Box sx={{ borderTop: '1px solid #ccc' }}>
           <List>
             <ListItem disablePadding>
-              <ListItemButton>
+              <ListItemButton onClick={onLogout}>
                 <ListItemIcon>
                   <LogoutIcon />
                 </ListItemIcon>