useFetchAllHighlights.ts

import { useState } from "react";
import useSWR, { Fetcher } from "swr";
import { publicApiFetcher } from "lib/utils/public-api-fetcher";

interface UseFetchUserHighlightsResponse {
  data: DbHighlight[];
  meta: Meta;
}
const useFetchAllHighlights = (repo = "") => {
  const [page, setPage] = useState(1);
  const [limit, setLimit] = useState(10);

  const pageQuery = page ? `page=${page}` : "";
  const limitQuery = limit ? `&limit=${limit}` : "";
  const repoQuery = repo ? `&repo=${repo}` : "";

  const { data, error, mutate } = useSWR<UseFetchUserHighlightsResponse, Error>(
    `highlights/list?${pageQuery}${limitQuery}${repoQuery}`,
    publicApiFetcher as Fetcher<UseFetchUserHighlightsResponse, Error>
  );

  return {
    data: data?.data ?? [],
    meta: data?.meta ?? { itemCount: 0, limit: 0, page: 0, hasNextPage: false, hasPreviousPage: false, pageCount: 0 },
    isLoading: !error && !data,
    isError: !!error,
    setPage,
    mutate,
  };
};

export { useFetchAllHighlights };