Updated tables. Added MenuButton.

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

View file

@ -6,9 +6,13 @@ import type { RowProps } from '@umami/react-zen/Row';
import useGlobalState from '@/components/hooks/useGlobalState';
import { Lucide } from '@/components/icons';
import { WebsiteSelect } from '@/components/input/WebsiteSelect';
import { useNavigation } from '@/components/hooks';
export function MenuBar(props: RowProps) {
const [isCollapsed, setCollapsed] = useGlobalState('sidenav-collapsed');
const { websiteId } = useNavigation();
const handleSelect = () => {};
return (
<Row
@ -27,11 +31,17 @@ export function MenuBar(props: RowProps) {
<Lucide.PanelLeft />
</Icon>
</Button>
<TeamsButton />
<Icon>
<Lucide.Slash />
</Icon>
<WebsiteSelect />
<Row alignItems="center" gap="1">
<TeamsButton />
{websiteId && (
<>
<Icon strokeColor="7" rotate={-25}>
<Lucide.Slash />
</Icon>
<WebsiteSelect variant="quiet" websiteId={websiteId} onSelect={handleSelect} />
</>
)}
</Row>
</Row>
<Row alignItems="center" justifyContent="flex-end">
<ThemeButton />