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

feat: update timeunit on pageview chart

Browse source
This commit is contained in:
Caio Carvalho 2024-11-21 01:04:03 -03:00
parent d683df93b2
commit 0948cb40c0
1 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/(main)/websites/[websiteId]/WebsiteChart.tsx
View file

@ -1,7 +1,8 @@
import { useMemo } from 'react';
import PageviewsChart from 'components/metrics/PageviewsChart';
import useWebsitePageviews from 'components/hooks/queries/useWebsitePageviews';
import { useDateRange } from 'components/hooks'; import { useDateRange } from 'components/hooks';
import useWebsitePageviews from 'components/hooks/queries/useWebsitePageviews';
import useTimeUnit from 'components/hooks/useTimeUnit';
import PageviewsChart from 'components/metrics/PageviewsChart';
import { useMemo } from 'react';
export function WebsiteChart({ export function WebsiteChart({
websiteId, websiteId,
@ -11,7 +12,8 @@ export function WebsiteChart({
compareMode?: boolean; compareMode?: boolean;
}) { }) {
const { dateRange, dateCompare } = useDateRange(websiteId); const { dateRange, dateCompare } = useDateRange(websiteId);
const { startDate, endDate, unit } = dateRange; const { timeUnit } = useTimeUnit();
const { startDate, endDate } = dateRange;
const { data, isLoading } = useWebsitePageviews(websiteId, compareMode ? dateCompare : undefined); const { data, isLoading } = useWebsitePageviews(websiteId, compareMode ? dateCompare : undefined);
const { pageviews, sessions, compare } = (data || {}) as any; const { pageviews, sessions, compare } = (data || {}) as any;
@ -40,14 +42,14 @@ export function WebsiteChart({
return result; return result;
} }
return { pageviews: [], sessions: [] }; return { pageviews: [], sessions: [] };
}, [data, startDate, endDate, unit]); }, [data, startDate, endDate, timeUnit]);
return ( return (
<PageviewsChart <PageviewsChart
data={chartData} data={chartData}
minDate={startDate.toISOString()} minDate={startDate.toISOString()}
maxDate={endDate.toISOString()} maxDate={endDate.toISOString()}
unit={unit} unit={timeUnit}
isLoading={isLoading} isLoading={isLoading}
/> />
); );