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

Moved collapse button.

Browse source
This commit is contained in:
Mike Cao 2025-03-22 01:31:51 -07:00
parent 5d2c1e27c2
commit adca3c36d0
7 changed files with 1883 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/app/(main)/Nav.tsx
View file

@ -1,21 +1,13 @@
import { useState } from 'react';
import Link from 'next/link';
import {
SideNav,
SideNavHeader,
SideNavSection,
SideNavItem,
Button,
Icon,
Row,
} from '@umami/react-zen';
import { SideNav, SideNavHeader, SideNavSection, SideNavItem } from '@umami/react-zen';
import { Lucide, Icons } from '@/components/icons';
import { useMessages, useTeamUrl } from '@/components/hooks';
import useGlobalState from '@/components/hooks/useGlobalState';
export function Nav(props: any) {
const { formatMessage, labels } = useMessages();
const { renderTeamUrl, pathname } = useTeamUrl();
const [isCollapsed, setCollapsed] = useState(false);
const [isCollapsed] = useGlobalState('sidenav-collapsed');
const links = [
{
@ -46,7 +38,7 @@ export function Nav(props: any) {
].filter(n => n);
return (
<SideNav {...props} isCollapsed={isCollapsed} variant="3" showBorder={true}>
<SideNav {...props} isCollapsed={isCollapsed} variant="2" showBorder={true}>
<SideNavSection>
<SideNavHeader label="umami" icon={<Icons.Logo />} />
</SideNavSection>
@ -59,15 +51,7 @@ export function Nav(props: any) {
);
})}
</SideNavSection>
<SideNavSection alignSelf="end">
<Row justifyContent="flex-start">
<Button onPress={() => setCollapsed(!isCollapsed)} variant="quiet">
<Icon>
<Lucide.PanelLeft />
</Icon>
</Button>
</Row>
</SideNavSection>
<SideNavSection alignSelf="end"></SideNavSection>
</SideNav>
);
}