RiseUP/riseup-squad21
5
0
Fork 2
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correção da Siderbar

Browse Source
This commit is contained in:
GagoDuBroca 2025-12-01 20:59:41 -03:00
parent 24179c550e
commit ebd40eecc2
1 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
components/Sidebar.tsx
View File

@ -188,14 +188,14 @@ export default function Sidebar({ children }: SidebarProps) {
}, },
]; ];
const managerItems: MenuItem[] = [ const managerItems: MenuItem[] = [
{ href: "/manager/dashboard", icon: Home, label: "Dashboard" }, { href: "/manager/dashboard", icon: Home, label: "Dashboard" },
{ href: "/manager/usuario", icon: Users, label: "Gestão de Usuários" }, { href: "/manager/usuario", icon: Users, label: "Gestão de Usuários" },
{ href: "/manager/home", icon: Stethoscope, label: "Gestão de Médicos" }, { href: "/manager/home", icon: Stethoscope, label: "Gestão de Médicos" },
{ href: "/manager/pacientes", icon: Users, label: "Gestão de Pacientes" }, { href: "/manager/pacientes", icon: Users, label: "Gestão de Pacientes" },
{ href: "/secretary/appointments", icon: CalendarCheck2, label: "Consultas" }, { href: "/secretary/appointments", icon: CalendarCheck2, label: "Consultas" },
{ href: "/manager/disponibilidade", icon: ClipboardList, label: "Disponibilidade" }, { href: "/manager/disponibilidade", icon: ClipboardList, label: "Disponibilidade" },
]; ];
switch (role) { switch (role) {
case "gestor": case "gestor":
@ -262,7 +262,7 @@ export default function Sidebar({ children }: SidebarProps) {
</div> </div>
{/* MENU */} {/* MENU */}
<nav className="flex-1 p-3 overflow-y-auto"> <nav className="flex-1 px-3 py-6 overflow-y-auto flex flex-col gap-2">
{menuItems.map((item) => { {menuItems.map((item) => {
const Icon = item.icon; const Icon = item.icon;
const isActive = pathname === item.href; const isActive = pathname === item.href;
@ -271,13 +271,13 @@ export default function Sidebar({ children }: SidebarProps) {
<Link key={item.label} href={item.href}> <Link key={item.label} href={item.href}>
<div <div
className={` className={`
flex items-center gap-3 px-3 py-2 rounded-lg mb-1 transition-colors flex items-center gap-3 px-3 py-2 rounded-lg transition-colors
${ ${
isActive isActive
? `${isDefaultMode ? "bg-white/20 text-white font-semibold" : "bg-sidebar-primary text-sidebar-primary-foreground font-semibold"}` ? `${isDefaultMode ? "bg-white/20 text-white font-semibold" : "bg-sidebar-primary text-sidebar-primary-foreground font-semibold"}`
: `${isDefaultMode ? "text-white/80 hover:bg-white/10 hover:text-white" : "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"}` : `${isDefaultMode ? "text-white/80 hover:bg-white/10 hover:text-white" : "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"}`
} }
`} `}
> >
<Icon className="w-5 h-5 flex-shrink-0" /> <Icon className="w-5 h-5 flex-shrink-0" />
{!sidebarCollapsed && ( {!sidebarCollapsed && (
@ -289,8 +289,15 @@ export default function Sidebar({ children }: SidebarProps) {
})} })}
</nav> </nav>
{/* PERFIL ORIGINAL + NOME BRANCO */} {/* PERFIL ORIGINAL + NOME BRANCO - CORREÇÃO DE ALINHAMENTO AQUI */}
<div className={`mt-auto p-3 border-t ${isDefaultMode ? "border-white/10" : "border-sidebar-border"}`}> <div
className={`
mt-auto p-3 border-t
${isDefaultMode ? "border-white/10" : "border-sidebar-border"}
flex flex-col
${sidebarCollapsed ? "items-center justify-center" : "items-stretch"}
`}
>
<SidebarUserSection <SidebarUserSection
userData={userData} userData={userData}
sidebarCollapsed={sidebarCollapsed} sidebarCollapsed={sidebarCollapsed}
@ -328,4 +335,4 @@ export default function Sidebar({ children }: SidebarProps) {
</div> </div>
</div> </div>
); );
} }