Renamed query hooks. Fixed conversion bugs.

src/components/hooks/queries/useWebsiteMetricsQuery.ts

@@ -0,0 +1,38 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { useApi } from '../useApi';
+import { useFilterParams } from '../useFilterParams';
+import { useSearchParams } from 'next/navigation';
+
+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'>,
+) {
+  const { get, useQuery } = useApi();
+  const params = useFilterParams(websiteId);
+  const searchParams = useSearchParams();
+
+  return useQuery({
+    queryKey: [
+      'websites:metrics',
+      {
+        websiteId,
+        ...params,
+        ...queryParams,
+      },
+    ],
+    queryFn: async () => {
+      const data = await get(`/websites/${websiteId}/metrics`, {
+        ...params,
+        [searchParams.get('view')]: undefined,
+        ...queryParams,
+      });
+
+      options?.onDataLoad?.(data);
+
+      return data;
+    },
+    enabled: !!websiteId,
+    ...options,
+  });
+}