watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 14:17:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Refactored website components. New layout.

Browse source
This commit is contained in:
Mike Cao 2025-05-20 01:12:07 -07:00
parent 6e41ba2e2c
commit 06f76dda13
35 changed files with 1159 additions and 987 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/common/SideMenu.tsx
View file

@ -1,5 +1,6 @@
import { ReactNode } from 'react';
import { Text, List, ListItem, Icon, Row } from '@umami/react-zen';
import { Text, NavMenu, NavMenuItem, Icon, Row } from '@umami/react-zen';
import Link from 'next/link';
export interface SideMenuProps {
items: { id: string; label: string; url: string; icon?: ReactNode }[];
@ -8,17 +9,19 @@ export interface SideMenuProps {
export function SideMenu({ items, selectedKey }: SideMenuProps) {
return (
<List>
<NavMenu highlightColor="3">
{items.map(({ id, label, url, icon }) => {
return (
<ListItem key={id} id={id} href={url}>
<Row alignItems="center" gap>
{icon && <Icon>{icon}</Icon>}
<Text weight={id === selectedKey ? 'bold' : 'regular'}>{label}</Text>
</Row>
</ListItem>
<Link key={id} href={url}>
<NavMenuItem isSelected={id === selectedKey}>
<Row alignItems="center" gap>
{icon && <Icon>{icon}</Icon>}
<Text>{label}</Text>
</Row>
</NavMenuItem>
</Link>
);
})}
</List>
</NavMenu>
);
}