Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3613 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3613 Rev 3614
Línea 12... Línea 12...
12 
export function List({
 12 
export function List({
13 
  items = [],
 13 
  items = [],
14 
  renderItem = () => {},
 14 
  renderItem = () => {},
15 
  emptyMessage = 'No hay elementos para mostrar',
 15 
  emptyMessage = 'No hay elementos para mostrar',
16 
  keyExtractor = (item) => item.id,
 16 
  keyExtractor = (item) => item.id,
17 
  renderHeader = () => <></>,
 17 
  renderHeader,
18 
  renderFooter = () => <></>,
 18 
  renderFooter,
19 
  styles = {}
 19 
  styles = {}
20 
}) {
 20 
}) {
21 
  if (!items.length) {
 21 
  if (!items.length) {
22 
    return <Typography>{emptyMessage}</Typography>;
 22 
    return <Typography>{emptyMessage}</Typography>;
23 
  }
 23 
  }
Línea 24... Línea 24...
24 
 
 24 
 
25 
  return (
 25 
  return (
26 
    <StyledList styles={styles}>
 26 
    <StyledList styles={styles}>
27 
      <li>{renderHeader()}</li>
 27 
      {renderHeader && <li>{renderHeader()}</li>}
28 
      {items.map((item, index) => {
 28 
      {items.map((item, index) => {
29 
        return <li key={keyExtractor(item)}>{renderItem(item, index)}</li>;
 29 
        return <li key={keyExtractor(item)}>{renderItem(item, index)}</li>;
30 
      })}
 30 
      })}
31 
      <li>{renderFooter()}</li>
 31 
      {renderFooter && <li>{renderFooter()}</li>}
32 
    </StyledList>
 32 
    </StyledList>
33 
  );
 33 
  );