m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-08 10:29:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added loading to event data.

Browse Source
This commit is contained in:
Mike Cao 2023-08-24 16:17:46 -07:00
parent 19269dae17
commit 7107336b49
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/pages/websites/WebsiteEventData.js
View File

@ -1,4 +1,4 @@
import { Flexbox } from 'react-basics'; import { Flexbox, Loading } from 'react-basics';
import EventDataTable from 'components/pages/event-data/EventDataTable'; import EventDataTable from 'components/pages/event-data/EventDataTable';
import EventDataValueTable from 'components/pages/event-data/EventDataValueTable'; import EventDataValueTable from 'components/pages/event-data/EventDataValueTable';
import { EventDataMetricsBar } from 'components/pages/event-data/EventDataMetricsBar'; import { EventDataMetricsBar } from 'components/pages/event-data/EventDataMetricsBar';
@ -28,13 +28,14 @@ export default function WebsiteEventData({ websiteId }) {
const { const {
query: { event }, query: { event },
} = usePageQuery(); } = usePageQuery();
const { data } = useData(websiteId, event); const { data, isLoading } = useData(websiteId, event);
return ( return (
<Flexbox className={styles.container} direction="column" gap={20}> <Flexbox className={styles.container} direction="column" gap={20}>
<EventDataMetricsBar websiteId={websiteId} /> <EventDataMetricsBar websiteId={websiteId} />
{!event && <EventDataTable data={data} />} {!event && <EventDataTable data={data} />}
{event && <EventDataValueTable event={event} data={data} />} {isLoading && <Loading position="page" />}
{event && data && <EventDataValueTable event={event} data={data} />}
</Flexbox> </Flexbox>
); );
} }