watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-10 23:57:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Zen components conversion.

Browse source
This commit is contained in:
Mike Cao 2025-03-07 03:11:58 -08:00
parent aac1a12e51
commit 5999bf6256
142 changed files with 1235 additions and 1454 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/app/(main)/SideNav.tsx
View file

@ -1,54 +0,0 @@
import Link from 'next/link';
import { SideNav as Nav, SideNavHeader, SideNavSection, SideNavItem } from '@umami/react-zen';
import { Lucide, Icons } from '@/components/icons';
import { useMessages, useTeamUrl } from '@/components/hooks';
export function SideNav() {
const { formatMessage, labels } = useMessages();
const { renderTeamUrl } = useTeamUrl();
const links = [
{
label: formatMessage(labels.boards),
href: renderTeamUrl('/boards'),
icon: <Lucide.LayoutDashboard />,
},
{
label: formatMessage(labels.dashboard),
href: renderTeamUrl('/dashboard'),
icon: <Lucide.Copy />,
},
{
label: formatMessage(labels.websites),
href: renderTeamUrl('/websites'),
icon: <Lucide.Globe />,
},
{
label: formatMessage(labels.reports),
href: renderTeamUrl('/reports'),
icon: <Lucide.ChartArea />,
},
{
label: formatMessage(labels.settings),
href: renderTeamUrl('/settings'),
icon: <Lucide.Settings />,
},
].filter(n => n);
return (
<Nav>
<SideNavSection>
<SideNavHeader name="umami" icon={<Icons.Logo />} />
</SideNavSection>
<SideNavSection>
{links.map(({ href, label, icon }) => {
return (
<Link key={href} href={href}>
<SideNavItem label={label} icon={icon} />
</Link>
);
})}
</SideNavSection>
</Nav>
);
}