watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-05 21:27:20 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Updated tables. Added MenuButton.

Browse source
This commit is contained in:
Mike Cao 2025-05-07 04:10:27 -07:00
parent 92b283486e
commit a15c7cd596
27 changed files with 334 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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