Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { List, Spinner } from '.';

export function InfinityList({
  items = [],
  emptyMessage = 'No hay elementos para mostrar',
  loading = false,
  elementRef = null,
  renderItem = () => {},
  keyExtractor = (item) => item.id
}) {
  /* const loaderRef = useRef(null);

  const [isIntercepting] = useNearScreen({
    externalRef: loaderRef,
    once: false,
    rootMargin: '20px'
  });

  useEffect(() => {
    if (isIntercepting) onEnd();
  }, [isIntercepting]); */

  return (
    <>
      <List
        items={items}
        emptyMessage={emptyMessage}
        keyExtractor={keyExtractor}
        renderItem={renderItem}
        renderFooter={() => (
          <>
            {loading && <Spinner />}
            <div ref={elementRef} />
          </>
        )}
      />
    </>
  );
}