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

Added hooks for website stats and pageviews.

Browse source
This commit is contained in:
Mike Cao 2024-02-15 14:45:07 -08:00
parent f50067e44f
commit 7ab580c709
5 changed files with 74 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
View file

@ -1,11 +1,12 @@
import classNames from 'classnames';
import { useApi, useDateRange, useMessages, useNavigation, useSticky } from 'components/hooks';
import { useMessages, useSticky } from 'components/hooks';
import WebsiteDateFilter from 'components/input/WebsiteDateFilter';
import MetricCard from 'components/metrics/MetricCard';
import MetricsBar from 'components/metrics/MetricsBar';
import { formatShortTime } from 'lib/format';
import WebsiteFilterButton from './WebsiteFilterButton';
import styles from './WebsiteMetricsBar.module.css';
import useWebsiteStats from 'components/hooks/queries/useWebsiteStats';
export function WebsiteMetricsBar({
websiteId,
@ -17,34 +18,8 @@ export function WebsiteMetricsBar({
sticky?: boolean;
}) {
const { formatMessage, labels } = useMessages();
const { get, useQuery } = useApi();
const [dateRange] = useDateRange(websiteId);
const { startDate, endDate } = dateRange;
const { ref, isSticky } = useSticky({ enabled: sticky });
const {
query: { url, referrer, title, os, browser, device, country, region, city },
} = useNavigation();
const { data, error, isLoading, isFetched } = useQuery({
queryKey: [
'websites:stats',
{ websiteId, url, referrer, title, os, browser, device, country, region, city },
],
queryFn: () =>
get(`/websites/${websiteId}/stats`, {
startAt: +startDate,
endAt: +endDate,
url,
referrer,
title,
os,
browser,
device,
country,
region,
city,
}),
});
const { data, isLoading, isFetched, error } = useWebsiteStats(websiteId);
const { pageviews, uniques, bounces, totaltime } = data || {};
const num = Math.min(data && uniques.value, data && bounces.value);