watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-08 14:47:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Unified loading states.

Browse source
This commit is contained in:
Mike Cao 2025-06-13 21:13:11 -07:00
parent 7b5591a3ce
commit da8c7e99c5
52 changed files with 506 additions and 364 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/hooks/queries/useWebsiteMetricsQuery.ts
View file

@ -1,18 +1,24 @@
import { UseQueryOptions } from '@tanstack/react-query';
import { keepPreviousData } from '@tanstack/react-query';
import { useApi } from '../useApi';
import { useFilterParams } from '../useFilterParams';
import { useSearchParams } from 'next/navigation';
import { ReactQueryOptions } from '@/lib/types';
export type WebsiteMetricsData = {
x: string;
y: number;
}[];
export function useWebsiteMetricsQuery(
websiteId: string,
queryParams: { type: string; limit?: number; search?: string; startAt?: number; endAt?: number },
options?: Omit<UseQueryOptions & { onDataLoad?: (data: any) => void }, 'queryKey' | 'queryFn'>,
options?: ReactQueryOptions<WebsiteMetricsData>,
) {
const { get, useQuery } = useApi();
const filterParams = useFilterParams(websiteId);
const searchParams = useSearchParams();
return useQuery({
return useQuery<WebsiteMetricsData>({
queryKey: [
'websites:metrics',
{
@ -21,18 +27,14 @@ export function useWebsiteMetricsQuery(
...queryParams,
},
],
queryFn: async () => {
const data = await get(`/websites/${websiteId}/metrics`, {
queryFn: async () =>
get(`/websites/${websiteId}/metrics`, {
...filterParams,
[searchParams.get('view')]: undefined,
...queryParams,
});
options?.onDataLoad?.(data);
return data;
},
}),
enabled: !!websiteId,
placeholderData: keepPreviousData,
...options,
});
}