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 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 = ( const sidebar = (
<div className="flex h-full flex-col"> <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"> <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) => { {visibleNav.map((item) => {
// Sub-enlaces de Social: siempre que Social esté en el menú. // Sub-enlaces de Social: siempre que Social esté en el menú.
const underSocial = item.moduleId === 'social'; 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 ( return (
<div key={item.href} className="space-y-0.5"> <div key={item.href} className="space-y-0.5">
<NavLink item={item} onNavigate={close} /> <NavLink item={item} onNavigate={close} />
@@ -280,24 +281,25 @@ export default function DashboardShell({
Agencia Agencia
</span> </span>
<div className="mt-1 space-y-0.5"> <div className="mt-1 space-y-0.5">
<NavLink <div className="space-y-0.5">
item={{ <NavLink
href: '/dashboard/agencia', item={{
label: 'Portafolio Agencia', href: '/dashboard/agencia',
icon: Layers, label: 'Portafolio Agencia',
iconClass: 'text-amber-500', icon: Layers,
}} iconClass: 'text-amber-500',
onNavigate={close} }}
/> onNavigate={close}
<NavLink />
item={{ <Link
href: '/dashboard/agencia/conexiones', href="/dashboard/agencia/conexiones"
label: 'Panel de control · clientes y conexiones', onClick={close}
icon: Plug, className={subLinkCls('/dashboard/agencia/conexiones')}
iconClass: 'text-cyan-500', >
}} <Plug className="h-3.5 w-3.5 shrink-0" />
onNavigate={close} Panel de control · clientes y conexiones
/> </Link>
</div>
<NavLink <NavLink
item={{ item={{
href: '/dashboard/historial', href: '/dashboard/historial',