design: flatten agency client menu structure, moving granular client controls to dedicated client pages

This commit is contained in:
2026-06-08 14:23:16 -07:00
parent 933673aa6d
commit 1629c88e93

View File

@@ -397,51 +397,19 @@ export default function AgencyLayout({
/>
<NavItem icon={Icons.Users} label="Contacts" href="#" />
<SectionHeader>Delivery (Projects)</SectionHeader>
<SectionHeader>Clients</SectionHeader>
{clients.map((client) => {
const clientPath = `/${workspace}/agency/client/${client.id}`;
const isActive = pathname.startsWith(clientPath);
return (
<React.Fragment key={client.id}>
<NavItem
icon={Icons.Folder}
label={client.name}
href={clientPath}
active={isActive}
/>
{isActive && (
<div
style={{
marginTop: 2,
marginBottom: 8,
display: "flex",
flexDirection: "column",
}}
>
<NavItem
inset
label="Builder / IDE"
href={`${clientPath}/builder`}
/>
<NavItem
inset
label="Infrastructure"
href={`${clientPath}/infra`}
/>
<NavItem
inset
label="Time & Tasks"
href={`${clientPath}/tasks`}
/>
<NavItem
inset
label="Secrets Manager"
href={`${clientPath}/secrets`}
/>
</div>
)}
</React.Fragment>
<NavItem
key={client.id}
icon={Icons.Folder}
label={client.name}
href={clientPath}
active={isActive}
/>
);
})}