import { useSuspenseInfiniteQuery } from '@tanstack/react-query';
import { getCollectionsForUrl } from '../dal';
import { collectionKeys } from '../collectionKeys';
import { CollectionSortField } from '@semble/types';
import { getCollectionsSortParams } from '../utils';

interface Props {
  url: string;
  limit?: number;
  sortBy?: CollectionSortField;
}

export default function useSembleCollections(props: Props) {
  const limit = props?.limit ?? 16;

  const collections = useSuspenseInfiniteQuery({
    queryKey: [...collectionKeys.bySembleUrl(props.url), props.sortBy],
    initialPageParam: 1,
    queryFn: ({ pageParam = 1 }) => {
      return getCollectionsForUrl(props.url, {
        page: pageParam,
        limit,
        collectionSortBy: props.sortBy,
        sortOrder: props.sortBy
          ? getCollectionsSortParams(props.sortBy).sortOrder
          : undefined,
      });
    },
    getNextPageParam: (lastPage) => {
      if (lastPage.pagination.hasMore) {
        return lastPage.pagination.currentPage + 1;
      }
      return undefined;
    },
  });

  return collections;
}