Updated events/sessions pages. Added DateDistance component.

src/components/hooks/queries/useResultQuery.ts

@@ -2,7 +2,7 @@ import { useApi } from '../useApi';
 import { useFilterParams } from '../useFilterParams';
 import { ReactQueryOptions } from '@/lib/types';
 
-export function useResultQuery<T>(
+export function useResultQuery<T = any>(
   type: string,
   params?: { [key: string]: any },
   options?: ReactQueryOptions<T>,

src/components/hooks/queries/useTeamsQuery.ts

@@ -1,12 +1,11 @@
 import { useApi } from '../useApi';
-import { usePagedQuery } from '../usePagedQuery';
 import { useModified } from '../useModified';
 
 export function useTeamsQuery(userId: string) {
-  const { get } = useApi();
+  const { get, useQuery } = useApi();
   const { modified } = useModified(`teams`);
 
-  return usePagedQuery({
+  return useQuery({
     queryKey: ['teams', { userId, modified }],
     queryFn: (params: any) => {
       return get(`/users/${userId}/teams`, params);

src/components/hooks/queries/useWebsiteEventsQuery.ts

@@ -5,12 +5,11 @@ import { ReactQueryOptions } from '@/lib/types';
 
 export function useWebsiteEventsQuery(websiteId: string, options?: ReactQueryOptions<any>) {
   const { get } = useApi();
-  const params = useFilterParams(websiteId);
+  const filterParams = useFilterParams(websiteId);
 
   return usePagedQuery({
-    queryKey: ['websites:events', { websiteId, ...params }],
-    queryFn: pageParams =>
-      get(`/websites/${websiteId}/events`, { ...params, ...pageParams, pageSize: 20 }),
+    queryKey: ['websites:events', { websiteId, ...filterParams }],
+    queryFn: () => get(`/websites/${websiteId}/events`, { ...filterParams, pageSize: 20 }),
     enabled: !!websiteId,
     ...options,
   });