Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3557 Rev 3661
Línea 8... Línea 8...
8 
  keyExtractor = (item) => item,
 8 
  keyExtractor = (item) => item,
9 
  autoFit = true,
 9 
  autoFit = true,
10 
  minWidth = 200,
 10 
  minWidth = 200,
11 
  maxWidth = 250,
 11 
  maxWidth = 250,
12 
  columns = 3,
 12 
  columns = 3,
13 
  gap = 1
 13 
  gap = 1,
- 
 
 14 
  renderFooter
14 
}) {
 15 
}) {
15 
  if (!items.length) {
 16 
  if (!items || !items.length) {
16 
    return <Typography>{emptyMessage}</Typography>;
 17 
    return <Typography>{emptyMessage}</Typography>;
17 
  }
 18 
  }
Línea 18... Línea 19...
18 
 
 19 
 
- 
 
 20 
  return (
19 
  return (
 21 
    <>
20 
    <Box
 22 
      <Box
21 
      sx={{
 23 
        sx={{
22 
        display: 'grid',
 24 
          display: 'grid',
23 
        gridTemplateColumns: autoFit
 25 
          gridTemplateColumns: autoFit
24 
          ? `repeat(auto-fit, minmax(${minWidth}px, ${maxWidth}px))`
 26 
            ? `repeat(auto-fit, minmax(${minWidth}px, ${maxWidth}px))`
25 
          : `repeat(${columns}, 1fr)`,
 27 
            : `repeat(${columns}, 1fr)`,
26 
        gap
 28 
          gap
27 
      }}
 29 
        }}
28 
    >
 30 
      >
29 
      {items.map((item, index) => (
 31 
        {items.map((item, index) => (
30 
        <Box key={keyExtractor(item, index)}>{renderItem(item, index)}</Box>
 32 
          <Box key={keyExtractor(item, index)}>{renderItem(item, index)}</Box>
31 
      ))}
 33 
        ))}
- 
 
 34 
      </Box>
- 
 
 35 
      {renderFooter && renderFooter()}
32 
    </Box>
 36 
    </>
33 
  );
 37 
  );