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

Fixed realtime page.

Browse source
This commit is contained in:
Mike Cao 2025-05-02 15:20:20 -07:00
parent 65ebd736b9
commit c1d301ffdc
12 changed files with 83 additions and 450 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/app/(main)/websites/[websiteId]/realtime/RealtimeUrls.tsx
View file

@ -1,4 +1,5 @@
import { Key, useContext, useState } from 'react';
import { useContext, useState } from 'react';
import { Row } from '@umami/react-zen';
import thenby from 'thenby';
import { percentFilter } from '@/lib/filters';
import { ListTable } from '@/components/metrics/ListTable';
@ -12,19 +13,17 @@ export function RealtimeUrls({ data }: { data: RealtimeData }) {
const website = useContext(WebsiteContext);
const { formatMessage, labels } = useMessages();
const { referrers, urls } = data || {};
const [filter, setFilter] = useState<Key>(FILTER_REFERRERS);
const [filter, setFilter] = useState(FILTER_REFERRERS);
const limit = 15;
const buttons = [
{
id: 1,
id: FILTER_REFERRERS,
label: formatMessage(labels.referrers),
key: FILTER_REFERRERS,
},
{
id: 2,
id: FILTER_PAGES,
label: formatMessage(labels.pages),
key: FILTER_PAGES,
},
];
@ -63,7 +62,9 @@ export function RealtimeUrls({ data }: { data: RealtimeData }) {
return (
<>
<FilterButtons items={buttons} onSelect={setFilter} />
<Row justifyContent="center">
<FilterButtons items={buttons} value={filter} onChange={setFilter} />
</Row>
{filter === FILTER_REFERRERS && (
<ListTable
title={formatMessage(labels.referrers)}

4
src/app/(main)/websites/[websiteId]/realtime/WebsiteRealtimePage.tsx
View file

@ -36,7 +36,7 @@ export function WebsiteRealtimePage({ websiteId }: { websiteId: string }) {
<Panel>
<RealtimeChart data={data} unit="minute" />
</Panel>
<GridRow layout="one-two">
<GridRow layout="two">
<Panel>
<RealtimeUrls data={data} />
</Panel>
@ -48,7 +48,7 @@ export function WebsiteRealtimePage({ websiteId }: { websiteId: string }) {
<Panel>
<RealtimeCountries data={countries} />
</Panel>
<Panel padding="0">
<Panel padding="0" gridColumn="span 2">
<WorldMap data={countries} />
</Panel>
</GridRow>