Marketing/4ventures-client-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(shell): anidar panel de conexiones dentro de portafolio agencia en el menu vertical

Browse Source
This commit is contained in:
Marcos Fargas
2026-10-17 21:18:39 +02:00
parent 15c8b56b25
commit 16fc15e942
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/DashboardShell.tsx
View File

@@ -212,6 +212,13 @@ export default function DashboardShell({
const visibleNav = NAV_ITEMS.filter((item) => moduleOn(item.moduleId));
const subLinkCls = (href: string) =>
`ml-7 flex items-center gap-2.5 rounded-md px-3 py-1.5 text-[13px] font-medium transition-colors ${
isActive(pathname, href)
? 'bg-white/[0.07] text-white'
: 'text-mist-400 hover:bg-white/[0.05] hover:text-white'
}`;
const sidebar = (
<div className="flex h-full flex-col">
<div className="mb-4 flex shrink-0 items-center gap-2 border-b border-white/10 px-1 pb-3 pt-1">
@@ -237,12 +244,6 @@ export default function DashboardShell({
{visibleNav.map((item) => {
// Sub-enlaces de Social: siempre que Social esté en el menú.
const underSocial = item.moduleId === 'social';
const subLinkCls = (href: string) =>
`ml-7 flex items-center gap-2.5 rounded-md px-3 py-1.5 text-[13px] font-medium transition-colors ${
isActive(pathname, href)
? 'bg-white/[0.07] text-white'
: 'text-mist-400 hover:bg-white/[0.05] hover:text-white'
}`;
return (
<div key={item.href} className="space-y-0.5">
<NavLink item={item} onNavigate={close} />
@@ -280,24 +281,25 @@ export default function DashboardShell({
Agencia
</span>
<div className="mt-1 space-y-0.5">
<NavLink
item={{
href: '/dashboard/agencia',
label: 'Portafolio Agencia',
icon: Layers,
iconClass: 'text-amber-500',
}}
onNavigate={close}
/>
<NavLink
item={{
href: '/dashboard/agencia/conexiones',
label: 'Panel de control · clientes y conexiones',
icon: Plug,
iconClass: 'text-cyan-500',
}}
onNavigate={close}
/>
<div className="space-y-0.5">
<NavLink
item={{
href: '/dashboard/agencia',
label: 'Portafolio Agencia',
icon: Layers,
iconClass: 'text-amber-500',
}}
onNavigate={close}
/>
<Link
href="/dashboard/agencia/conexiones"
onClick={close}
className={subLinkCls('/dashboard/agencia/conexiones')}
>
<Plug className="h-3.5 w-3.5 shrink-0" />
Panel de control · clientes y conexiones
</Link>
</div>
<NavLink
item={{
href: '/dashboard/historial',