Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3533 Rev 3652
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { Button } from '@mui/material';
 - 
 
Línea 3... Línea 2...
3 
 
 2 
 
Línea 4... Línea 3...
4 
import { List, Spinner } from '.';
 3 
import { List, Spinner } from '.';
5 
 
 4 
 
6 
export function InfinityList({
 - 
 
7 
  items = [],
 5 
export function InfinityList({
8 
  renderItem = () => {},
 - 
 
9 
  emptyMessage = 'No hay elementos para mostrar',
 6 
  items = [],
10 
  keyExtractor = (item) => item.id,
 7 
  emptyMessage = 'No hay elementos para mostrar',
11 
  loading = false,
 8 
  loading = false,
- 
 
 9 
  elementRef = null,
12 
  hasMore = false,
 10 
  renderItem = () => {},
13 
  onEnd = () => {}
 11 
  keyExtractor = (item) => item.id
Línea 14... Línea 12...
14 
}) {
 12 
}) {
15 
  /* const loaderRef = useRef(null);
 13 
  /* const loaderRef = useRef(null);
Línea 29... Línea 27...
29 
      <List
 27 
      <List
30 
        items={items}
 28 
        items={items}
31 
        emptyMessage={emptyMessage}
 29 
        emptyMessage={emptyMessage}
32 
        keyExtractor={keyExtractor}
 30 
        keyExtractor={keyExtractor}
33 
        renderItem={renderItem}
 31 
        renderItem={renderItem}
- 
 
 32 
        renderFooter={() => (
- 
 
 33 
          <>
- 
 
 34 
            {loading && <Spinner />}
- 
 
 35 
            <div ref={elementRef} />
- 
 
 36 
          </>
- 
 
 37 
        )}
34 
      />
 38 
      />
35 
      {loading && <Spinner />}
 - 
 
36 
      {hasMore && (
 - 
 
37 
        <Button color='primary' onClick={onEnd}>
 - 
 
38 
          Cargar más
 - 
 
39 
        </Button>
 - 
 
40 
      )}
 - 
 
41 
    </>
 39 
    </>
42 
  );
 40 
  );
43 
}
 41 
}