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

feat: event data dashboard now shows associated event

Browse source
This commit is contained in:
Aitor Alonso 2023-07-14 16:58:15 +02:00
parent 92fc4e87c7
commit 145a490c5d
No known key found for this signature in database
GPG key ID: 96D85952EE1373E6
4 changed files with 22 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/pages/websites/WebsiteEventData.js
View file

@ -5,7 +5,7 @@ import { EventDataMetricsBar } from 'components/pages/event-data/EventDataMetric
import { useDateRange, useApi, usePageQuery } from 'hooks';
import styles from './WebsiteEventData.module.css';
function useFields(websiteId, field) {
function useFields(websiteId, field, event) {
const [dateRange] = useDateRange(websiteId);
const { startDate, endDate } = dateRange;
const { get, useQuery } = useApi();
@ -17,6 +17,7 @@ function useFields(websiteId, field) {
startAt: +startDate,
endAt: +endDate,
field,
withEventNames: true,
}),
{ enabled: !!(websiteId && startDate && endDate) },
);
@ -26,15 +27,15 @@ function useFields(websiteId, field) {
export default function WebsiteEventData({ websiteId }) {
const {
query: { view },
query: { view, event },
} = usePageQuery();
const { data } = useFields(websiteId, view);
const { data } = useFields(websiteId, view, event);
return (
<Flexbox className={styles.container} direction="column" gap={20}>
<EventDataMetricsBar websiteId={websiteId} />
{!view && <EventDataTable data={data} />}
{view && <EventDataValueTable field={view} data={data} />}
{view && <EventDataValueTable field={view} event={event} data={data} />}
</Flexbox>
);
}