Website header updates.

src/components/hooks/index.ts

@@ -1,3 +1,4 @@
+export * from './queries/useActiveUsersQuery';
 export * from './queries/useEventDataEventsQuery';
 export * from './queries/useEventDataPropertiesQuery';
 export * from './queries/useEventDataValuesQuery';

src/components/hooks/queries/useActiveUsersQuery.ts

@@ -0,0 +1,15 @@
+import { useApi } from '../useApi';
+import { UseQueryOptions } from '@tanstack/react-query';
+
+export function useActyiveUsersQuery(
+  websiteId: string,
+  options?: Omit<UseQueryOptions, 'queryKey' | 'queryFn'>,
+) {
+  const { get, useQuery } = useApi();
+  return useQuery<any>({
+    queryKey: ['websites:active', websiteId],
+    queryFn: () => get(`/websites/${websiteId}/active`),
+    enabled: !!websiteId,
+    ...options,
+  });
+}

src/components/hooks/useDateRange.ts

@@ -7,12 +7,7 @@ import { DateRange } from '@/lib/types';
 import { useLocale } from './useLocale';
 import { useApi } from './useApi';
 
-export function useDateRange(websiteId?: string): {
-  dateRange: DateRange;
-  saveDateRange: (value: string | DateRange) => void;
-  dateCompare: string;
-  saveDateCompare: (value: string) => void;
-} {
+export function useDateRange(websiteId?: string) {
   const { get } = useApi();
   const { locale } = useLocale();
   const websiteConfig = useWebsites(state => state[websiteId]?.dateRange);

src/components/hooks/useWebsite.ts

@@ -2,7 +2,5 @@ import { WebsiteContext } from '@/app/(main)/websites/[websiteId]/WebsiteProvide
 import { useContext } from 'react';
 
 export function useWebsite() {
-  const website = useContext(WebsiteContext);
-
-  return website;
+  return useContext(WebsiteContext);
 }