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

add eventchart and metrictable to sharepage

Browse source
This commit is contained in:
Francis Cao 2025-10-09 12:36:05 -07:00
parent a8e3b5efbc
commit 64b5a72963
3 changed files with 30 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/app/(main)/websites/[websiteId]/WebsitePanels.tsx
View file

@ -1,13 +1,15 @@
import { Grid, Tabs, Tab, TabList, TabPanel, Heading, Row } from '@umami/react-zen';
import { GridRow } from '@/components/common/GridRow';
import { Panel } from '@/components/common/Panel';
import { WorldMap } from '@/components/metrics/WorldMap';
import { useMessages, useNavigation } from '@/components/hooks';
import { EventsChart } from '@/components/metrics/EventsChart';
import { MetricsTable } from '@/components/metrics/MetricsTable';
import { WeeklyTraffic } from '@/components/metrics/WeeklyTraffic';
import { useMessages } from '@/components/hooks';
import { WorldMap } from '@/components/metrics/WorldMap';
import { Grid, Heading, Row, Tab, TabList, TabPanel, Tabs } from '@umami/react-zen';
export function WebsitePanels({ websiteId }: { websiteId: string }) {
const { formatMessage, labels } = useMessages();
const { pathname } = useNavigation();
const tableProps = {
websiteId,
limit: 10,
@ -16,6 +18,7 @@ export function WebsitePanels({ websiteId }: { websiteId: string }) {
metric: formatMessage(labels.visitors),
};
const rowProps = { minHeight: '570px' };
const isSharePage = pathname.includes('/share/');
return (
<Grid gap="3">
@ -113,6 +116,23 @@ export function WebsitePanels({ websiteId }: { websiteId: string }) {
<WeeklyTraffic websiteId={websiteId} />
</Panel>
</GridRow>
{isSharePage && (
<GridRow layout="two-one" {...rowProps}>
<Panel>
<MetricsTable
websiteId={websiteId}
type="event"
title={formatMessage(labels.events)}
metric={formatMessage(labels.count)}
limit={15}
filterLink={false}
/>
</Panel>
<Panel gridColumn="span 2">
<EventsChart websiteId={websiteId} />
</Panel>
</GridRow>
)}
</Grid>
);
}