github/umami
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Added segment filtering to filter form.

Browse Source
This commit is contained in:
Mike Cao
2025-07-27 02:08:19 -07:00
parent 2e69e57445
commit 2ad624ccc8
15 changed files with 301 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/(main)/websites/[websiteId]/events/EventsPage.tsx
View File

@@ -14,7 +14,7 @@ const KEY_NAME = 'umami.events.tab';
export function EventsPage({ websiteId }) {
const [label, setLabel] = useState(null);
const [tab, setTab] = useState(getItem(KEY_NAME) || 'activity');
const [tab, setTab] = useState(getItem(KEY_NAME) || 'chart');
const { formatMessage, labels } = useMessages();
const handleLabelClick = (value: string) => {
@@ -32,8 +32,8 @@ export function EventsPage({ websiteId }) {
<Panel>
<Tabs selectedKey={tab} onSelectionChange={key => handleSelect(key)}>
<TabList>
<Tab id="activity">{formatMessage(labels.activity)}</Tab>
<Tab id="chart">{formatMessage(labels.chart)}</Tab>
<Tab id="activity">{formatMessage(labels.activity)}</Tab>
<Tab id="properties">{formatMessage(labels.properties)}</Tab>
</TabList>
<TabPanel id="activity">
@@ -41,7 +41,9 @@ export function EventsPage({ websiteId }) {
</TabPanel>
<TabPanel id="chart">
<Column gap="6">
<EventsChart websiteId={websiteId} focusLabel={label} />
<Column border="bottom" paddingBottom="6">
<EventsChart websiteId={websiteId} focusLabel={label} />
</Column>
<EventsTable
websiteId={websiteId}
type="event"

2
src/app/(main)/websites/[websiteId]/events/EventsTable.tsx
View File

@@ -43,7 +43,7 @@ export function EventsTable({ data = [] }) {
</TypeIcon>
)}
</DataColumn>
<DataColumn id="browser" label={formatMessage(labels.browser)} width="120px">
<DataColumn id="browser" label={formatMessage(labels.browser)} width="140px">
{(row: any) => (
<TypeIcon type="browser" value={row.browser}>
{formatValue(row.browser, 'browser')}