import useApi from './useApi';
import { UseQueryOptions } from '@tanstack/react-query';
import { useFilterParams } from '../useFilterParams';
import { useFilterQuery } from 'components/hooks';

export function useWebsiteEvents(
  websiteId: string,
  options?: Omit<UseQueryOptions, 'queryKey' | 'queryFn'>,
) {
  const { get } = useApi();
  const params = useFilterParams(websiteId);

  return useFilterQuery({
    queryKey: ['websites:events', { websiteId, ...params }],
    queryFn: pageParams =>
      get(`/websites/${websiteId}/events`, { ...params, ...pageParams, pageSize: 20 }),
    enabled: !!websiteId,
    ...options,
  });
}

export default useWebsiteEvents;