Proyectos de Subversion LeadersLinked - SPA

import { useState, useCallback, useEffect } from 'react';
import { useApi } from './useApi';
import { api } from '@shared/libs';

const apiFunc = (url, page, filters) => {
  return api.get(url, { params: { page, ...filters } });
};

export const usePagination = (url) => {
  const [data, setData] = useState([]);
  const [page, setPage] = useState(0);
  const [hasMore, setHasMore] = useState(true);
  const [filters, setFilters] = useState({});

  const { loading, execute } = useApi(apiFunc, {
    onSuccess: (data) => {
      setData((prevData) =>
        data.current.page > 1 ? [...prevData, ...data.current.items] : data.current.items
      );
      setHasMore(data.current.page < data.total.pages);
      setPage(data.current.page);
    }
  });

  const loadMore = useCallback(() => {
    if (loading || !hasMore) return;
    execute(url, page + 1, filters);
  }, [loading, hasMore, page, filters]);

  const refresh = useCallback(
    (newFilters) => {
      setHasMore(true);
      setData([]);
      setPage(0);
      const filtersToUse = newFilters || filters;
      setFilters(filtersToUse);
      execute(url, 1, filtersToUse);
    },
    [execute, filters, url]
  );

  useEffect(() => {
    if (url && data.length === 0 && !loading && hasMore && page === 0) {
      refresh(filters);
    }
  }, [filters, refresh, data.length, loading, hasMore, page, url]);

  const applyFilters = useCallback(
    (newFilters) => {
      refresh(newFilters);
    },
    [refresh]
  );

  return {
    data,
    loading,
    hasMore,
    filters,
    loadMore,
    refresh,
    applyFilters
  };
};