Updated menus, chart tooltips, styles.

This commit is contained in:
Mike Cao 2025-05-05 01:36:16 -07:00
parent 0a16ab38e4
commit 92b283486e
23 changed files with 179 additions and 208 deletions

View file

@ -5,6 +5,7 @@ import { TeamsButton } from '@/components/input/TeamsButton';
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';
export function MenuBar(props: RowProps) {
const [isCollapsed, setCollapsed] = useGlobalState('sidenav-collapsed');
@ -20,15 +21,19 @@ export function MenuBar(props: RowProps) {
backgroundColor="2"
border="bottom"
>
<Row>
<Row alignItems="center">
<Button onPress={() => setCollapsed(!isCollapsed)} variant="quiet">
<Icon>
<Lucide.PanelLeft />
</Icon>
</Button>
<TeamsButton />
<Icon>
<Lucide.Slash />
</Icon>
<WebsiteSelect />
</Row>
<Row justifyContent="flex-end">
<Row alignItems="center" justifyContent="flex-end">
<ThemeButton />
<LanguageButton />
<ProfileButton />

View file

@ -2,15 +2,15 @@
import { ProfileSettings } from './ProfileSettings';
import { useMessages } from '@/components/hooks';
import { SectionHeader } from '@/components/common/SectionHeader';
import { Column } from '@umami/react-zen';
export function ProfilePage() {
const { formatMessage, labels } = useMessages();
return (
<>
<Column gap>
<SectionHeader title={formatMessage(labels.profile)} />
<ProfileSettings />
</>
</Column>
);
}

View file

@ -28,12 +28,11 @@ export function TeamSettingsLayout({ children }: { children: ReactNode }) {
},
].filter(n => n);
const value = items.find(({ url }) => pathname.endsWith(url))?.id;
const value = items.find(({ url }) => pathname.includes(url))?.id;
return (
<Column gap="6">
<PageHeader title={formatMessage(labels.teamSettings)} />
<Column gap="6">
<Grid columns="200px 1fr">
<Column marginTop="6">