diff --git a/ui/src/pages/TimelineHome.tsx b/ui/src/pages/TimelineHome.tsx index 119b411..4d3bae9 100644 --- a/ui/src/pages/TimelineHome.tsx +++ b/ui/src/pages/TimelineHome.tsx @@ -5,7 +5,7 @@ import Col from 'react-bootstrap/Col'; import Row from 'react-bootstrap/Row'; import { VerticalTimeline } from 'react-vertical-timeline-component'; -import { fetchEvents, fetchSources, type Source } from '../api/client'; +import { fetchDailyCounts, fetchEvents, fetchSources, type Source } from '../api/client'; import { Filters } from '../components/Filters'; import { TimelineEntry } from '../components/TimelineEntry'; @@ -82,6 +82,19 @@ export function TimelineHome() { const events = eventsQ.data ?? []; + const fromStr = new Date(rangeValue[0]).toISOString().slice(0, 10); + const toStr = new Date(rangeValue[1]).toISOString().slice(0, 10); + const dailyQ = useQuery({ + queryKey: ['daily-counts', fromStr, toStr], + queryFn: () => fetchDailyCounts(fromStr, toStr), + staleTime: 5 * 60_000, + }); + const totalCount = useMemo( + () => (dailyQ.data ?? []).reduce((sum, d) => sum + d.count, 0), + [dailyQ.data], + ); + const privateCount = totalCount - events.length; + return ( <> 0 ? `, ${privateCount} private` : ''}`}

{events.map((item) => (