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

32
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,6 +281,7 @@ export default function DashboardShell({
Agencia Agencia
</span> </span>
<div className="mt-1 space-y-0.5"> <div className="mt-1 space-y-0.5">
<div className="space-y-0.5">
<NavLink <NavLink
item={{ item={{
href: '/dashboard/agencia', href: '/dashboard/agencia',
@@ -289,15 +291,15 @@ export default function DashboardShell({
}} }}
onNavigate={close} onNavigate={close}
/> />
<NavLink <Link
item={{ href="/dashboard/agencia/conexiones"
href: '/dashboard/agencia/conexiones', onClick={close}
label: 'Panel de control · clientes y conexiones', className={subLinkCls('/dashboard/agencia/conexiones')}
icon: Plug, >
iconClass: 'text-cyan-500', <Plug className="h-3.5 w-3.5 shrink-0" />
}} Panel de control · clientes y conexiones
onNavigate={close} </Link>
/> </div>
<NavLink <NavLink
item={{ item={{
href: '/dashboard/historial', href: '/dashboard/historial',