zipline/src/components/pages/metrics/useStats.tsx

import { Response } from '@/lib/api/response';
import useSWR from 'swr';

type ApiStatsOptions = {
  from?: string;
  to?: string;
  all?: boolean;
};

const fetcher = async ([url, options]: [string, ApiStatsOptions]) => {
  const searchParams = new URLSearchParams();
  if (options.from) searchParams.append('from', options.from);
  if (options.to) searchParams.append('to', options.to);
  if (options.all) searchParams.append('all', 'true');

  const res = await fetch(`${url}${searchParams.toString() ? `?${searchParams.toString()}` : ''}`);

  if (!res.ok) {
    const json = await res.json();

    throw new Error(json.message);
  }

  return res.json();
};

export function useApiStats(options: ApiStatsOptions = {}) {
  const { data, error, isLoading, mutate } = useSWR<Response['/api/stats']>(['/api/stats', options], {
    fetcher,
  });

  return {
    data,
    error,
    isLoading,
    mutate,
  };
}