From cf6627eeaa5bdce376c129905ab7f698487a14cf Mon Sep 17 00:00:00 2001 From: guruprasad06 Date: Thu, 9 Jul 2026 12:42:04 +0530 Subject: [PATCH] fix: correct sidebar logout behavior --- frontend/src/components/Layouts/Sidebar.jsx | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/frontend/src/components/Layouts/Sidebar.jsx b/frontend/src/components/Layouts/Sidebar.jsx index 1dcf1ca..9eb388e 100644 --- a/frontend/src/components/Layouts/Sidebar.jsx +++ b/frontend/src/components/Layouts/Sidebar.jsx @@ -3,6 +3,8 @@ import { Link, useLocation, useNavigate } from "react-router-dom"; import { UserContext } from "../../context/userContext"; import Modal from "../Loader/Modal"; import Login from "../../pages/Auth/Login"; +import axiosInstance from "../../utils/axiosinstance"; +import { API_PATHS } from "../../utils/apiPaths"; import { LayoutDashboard, Bot, @@ -31,9 +33,21 @@ import { } from "lucide-react"; const Sidebar = () => { - const { user } = useContext(UserContext); + const { user, clearUser } = useContext(UserContext); const location = useLocation(); const navigate = useNavigate(); + const handleLogout = async () => { + try { + await axiosInstance.post(API_PATHS.AUTH.LOGOUT); + } catch (error) { + console.error("Logout request failed:", error); + } finally { + localStorage.clear(); + sessionStorage.clear(); + clearUser(); + navigate("/"); + } +}; const [showLoginModal, setShowLoginModal] = useState(false); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [expandedSections, setExpandedSections] = useState({}); @@ -399,10 +413,7 @@ const Sidebar = () => { {user && (