first commit .
This commit is contained in:
@@ -0,0 +1,86 @@
|
||||
import React from 'react';
|
||||
import { NavLink } from 'react-router-dom';
|
||||
import { LayoutDashboard, Users, Pill, Settings, HeartPulse, Box, Clock, ClipboardList } from 'lucide-react';
|
||||
|
||||
const Sidebar: React.FC = () => {
|
||||
return (
|
||||
<aside className="sidebar">
|
||||
<div className="sidebar-logo">
|
||||
<HeartPulse size={28} color="#a5b4fc" />
|
||||
<span>PharmaAI</span>
|
||||
</div>
|
||||
|
||||
<nav className="sidebar-nav">
|
||||
<NavLink
|
||||
to="/"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<LayoutDashboard className="nav-item-icon" />
|
||||
<span>Dashboard</span>
|
||||
</NavLink>
|
||||
|
||||
<NavLink
|
||||
to="/pharmacy"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<Pill className="nav-item-icon" />
|
||||
<span>Pharmacy</span>
|
||||
</NavLink>
|
||||
|
||||
<NavLink
|
||||
to="/prescriptions"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<ClipboardList className="nav-item-icon" />
|
||||
<span>Prescriptions</span>
|
||||
</NavLink>
|
||||
|
||||
{/*
|
||||
<NavLink
|
||||
to="/patients"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<Users className="nav-item-icon" />
|
||||
<span>Patients</span>
|
||||
</NavLink>
|
||||
*/}
|
||||
|
||||
<NavLink
|
||||
to="/registers"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<ClipboardList className="nav-item-icon" />
|
||||
<span>Registers</span>
|
||||
</NavLink>
|
||||
|
||||
<NavLink
|
||||
to="/history"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<Clock className="nav-item-icon" />
|
||||
<span>History</span>
|
||||
</NavLink>
|
||||
|
||||
<NavLink
|
||||
to="/inventory"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<Box className="nav-item-icon" />
|
||||
<span>Inventory</span>
|
||||
</NavLink>
|
||||
</nav>
|
||||
|
||||
<div className="sidebar-footer" style={{ marginTop: 'auto' }}>
|
||||
<NavLink
|
||||
to="/settings"
|
||||
className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}
|
||||
>
|
||||
<Settings className="nav-item-icon" />
|
||||
<span>Settings</span>
|
||||
</NavLink>
|
||||
</div>
|
||||
</aside>
|
||||
);
|
||||
};
|
||||
|
||||
export default Sidebar;
|
||||
Reference in New Issue
Block a user