Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3527 | Rev 3533 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3527 Rev 3532
Línea 1... Línea 1...
1 
import React, { useRef, useEffect } from 'react';
 1 
import React from 'react';
2 
 
 - 
 
3 
import { useNearScreen } from '@hooks';
 2 
import { Button } from '@mui/material';
Línea 4... Línea 3...
4 
 
 3 
 
Línea 5... Línea 4...
5 
import { List, Spinner } from '.';
 4 
import { List, Spinner } from '.';
6 
 
 5 
 
7 
export function InfinityList({
 6 
export function InfinityList({
8 
  items = [],
 7 
  items = [],
9 
  renderItem = () => {},
 8 
  renderItem = () => {},
10 
  emptyMessage = 'No hay elementos para mostrar',
 9 
  emptyMessage = 'No hay elementos para mostrar',
11 
  keyExtractor = (item) => item.id,
 10 
  keyExtractor = (item) => item.id,
12 
  loading = false,
 11 
  loading = false,
13 
  hasMore = false,
 12 
  hasMore = false,
14 
  onEnd
 13 
  onEnd = () => {}
Línea 15... Línea 14...
15 
}) {
 14 
}) {
16 
  const loaderRef = useRef(null);
 15 
  /* const loaderRef = useRef(null);
17 
 
 16 
 
18 
  const [isIntercepting] = useNearScreen({
 17 
  const [isIntercepting] = useNearScreen({
19 
    externalRef: loaderRef,
 18 
    externalRef: loaderRef,
Línea 20... Línea 19...
20 
    once: false,
 19 
    once: false,
21 
    rootMargin: '20px'
 20 
    rootMargin: '20px'
22 
  });
 21 
  });
Línea 23... Línea 22...
23 
 
 22 
 
24 
  useEffect(() => {
 23 
  useEffect(() => {
25 
    if (isIntercepting) onEnd();
 24 
    if (isIntercepting) onEnd();
26 
  }, [isIntercepting]);
 25 
  }, [isIntercepting]); */
27 
 
 26 
 
28 
  return (
 27 
  return (
29 
    <>
 28 
    <>
30 
      <List
 29 
      <List
31 
        items={items}
 - 
 
- 
 
 30 
        items={items}
32 
        emptyMessage={emptyMessage}
 31 
        emptyMessage={emptyMessage}
33 
        keyExtractor={keyExtractor}
 32 
        keyExtractor={keyExtractor}
34 
        renderItem={renderItem}
 33 
        renderItem={renderItem}
35 
      />
 34 
      />