Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2952 Rev 2953
Línea 38... Línea 38...
38 
  const labels = useSelector(({ intl }) => intl.labels)
 38 
  const labels = useSelector(({ intl }) => intl.labels)
39 
  const [lookMore, setLookMore] = useState(false)
 39 
  const [lookMore, setLookMore] = useState(false)
Línea 40... Línea 40...
40 
 
 40 
 
Línea 41... Línea 41...
41 
  const { data } = useFetch(url, [])
 41 
  const { data } = useFetch(url, [])
42 
 
 42 
 
43 
  const items = useMemo(() => {
 43 
  const items = useMemo(
- 
 
 44 
    () => (lookMore ? data : data.slice(0, 3)),
- 
 
 45 
    [lookMore, data]
44 
    if (!lookMore) return [...data].slice(0, 3)
 46 
  )
Línea 45... Línea 47...
45 
    return data
 47 
 
46 
  }, [lookMore, data])
 48 
  const toggleList = () => setLookMore(!lookMore)
47 
 
 49 
 
48 
  return (
 50 
  return (
Línea 62... Línea 64...
62 
            </ListItem>
 64 
            </ListItem>
63 
          ))}
 65 
          ))}
Línea 64... Línea 66...
64 
 
 66 
 
65 
          {data.length > 3 && (
 67 
          {data.length > 3 && (
66 
            <ListItem>
 - 
 
67 
              <ListItemButton
 68 
            <ListItem>
68 
                sx={{ textAlign: 'center' }}
 - 
 
69 
                onClick={() => setLookMore(!lookMore)}
 - 
 
70 
              >
 69 
              <ListItemButton sx={{ textAlign: 'center' }} onClick={toggleList}>
71 
                {lookMore ? labels.view_less : labels.view_more}
 70 
                {lookMore ? labels.view_less : labels.view_more}
72 
              </ListItemButton>
 71 
              </ListItemButton>
73 
            </ListItem>
 72 
            </ListItem>
74 
          )}
 73 
          )}