🚀 Final: Fix stats, staff list, settings profile, and logout redirect
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
* ════════════════════════════════════════════════════════════
|
||||
*/
|
||||
|
||||
import { NavLink } from 'react-router-dom';
|
||||
import { NavLink, useNavigate } from 'react-router-dom';
|
||||
import {
|
||||
LayoutDashboard,
|
||||
FileText,
|
||||
@@ -24,8 +24,14 @@ const menuItems = [
|
||||
];
|
||||
|
||||
export const Sidebar = () => {
|
||||
const navigate = useNavigate();
|
||||
const clearAuth = useAuthStore((state) => state.clearAuth);
|
||||
|
||||
const handleLogout = () => {
|
||||
clearAuth();
|
||||
navigate('/login');
|
||||
};
|
||||
|
||||
return (
|
||||
<aside className="w-64 h-screen glass border-l border-slate-200 sticky top-0 flex flex-col p-4">
|
||||
<div className="flex items-center gap-3 px-2 py-6">
|
||||
@@ -58,7 +64,7 @@ export const Sidebar = () => {
|
||||
|
||||
<div className="pt-4 border-t border-slate-100">
|
||||
<button
|
||||
onClick={clearAuth}
|
||||
onClick={handleLogout}
|
||||
className="flex items-center gap-3 px-4 py-3 w-full rounded-xl text-red-500 hover:bg-red-50 transition-all group"
|
||||
>
|
||||
<LogOut className="w-5 h-5 group-hover:-translate-x-1 transition-transform" />
|
||||
|
||||
Reference in New Issue
Block a user