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} />

          </>

        )}

      />

    </>

  );

}