Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

import { List, Spinner } from '.';

import { List, Spinner } from '.';

export function InfinityList({

export function InfinityList({

  items = [],

  items = [],

  emptyMessage = 'No hay elementos para mostrar',

  emptyMessage = 'No hay elementos para mostrar',

  loading = false,

  loading = false,

  elementRef = null,

  elementRef = null,

  renderItem = () => {},

  renderItem = () => {},

  keyExtractor = (item) => item.id

  keyExtractor = (item) => item.id

}) {

}) {

  /* const loaderRef = useRef(null);

  /* const loaderRef = useRef(null);

  const [isIntercepting] = useNearScreen({

  const [isIntercepting] = useNearScreen({

    externalRef: loaderRef,

    externalRef: loaderRef,

    once: false,

    once: false,

    rootMargin: '20px'

    rootMargin: '20px'

  });

  });

  useEffect(() => {

  useEffect(() => {

    if (isIntercepting) onEnd();

    if (isIntercepting) onEnd();

  }, [isIntercepting]); */

  }, [isIntercepting]); */

  return (

  return (

    <>

    <>

      <List

      <List

        items={items}

        items={items}

        emptyMessage={emptyMessage}

        emptyMessage={emptyMessage}

        keyExtractor={keyExtractor}

        keyExtractor={keyExtractor}

        renderItem={renderItem}

        renderItem={renderItem}

        renderFooter={() => (

        renderFooter={() => (

          <>

          <>

            {loading && <Spinner />}

            {loading && <Spinner />}

            <div ref={elementRef} />

            <div ref={elementRef} />

          </>

          </>

        )}

        )}

      />

      />

    </>

    </>

  );

  );

}

}