Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2959 Rev 3694
Línea 1... Línea 1...
1 
import React, { useMemo, useState } from 'react'
 1 
import React, { useMemo, useState } from 'react';
2 
import { Link } from 'react-router-dom'
 2 
import { Link } from 'react-router-dom';
3 
import { useSelector } from 'react-redux'
 3 
import { useSelector } from 'react-redux';
4 
import {
 4 
import {
5 
  Accordion,
 5 
  Accordion,
6 
  AccordionDetails,
 6 
  AccordionDetails,
7 
  AccordionSummary,
 7 
  AccordionSummary,
8 
  Avatar,
 8 
  Avatar,
9 
  List,
 9 
  List,
10 
  ListItem,
 10 
  ListItem,
11 
  ListItemAvatar,
 11 
  ListItemAvatar,
12 
  ListItemButton,
 12 
  ListItemButton,
13 
  ListItemText
 13 
  ListItemText
14 
} from '@mui/material'
 14 
} from '@mui/material';
15 
import { ExpandMore } from '@mui/icons-material'
 15 
import ExpandMore from '@mui/icons-material/ExpandMore';
Línea 16... Línea 16...
16 
 
 16 
 
Línea 17... Línea 17...
17 
import { useFetch } from '@hooks'
 17 
import { useFetch } from '@hooks';
Línea 18... Línea 18...
18 
 
 18 
 
19 
import Widget from '@components/UI/Widget'
 19 
import Widget from '@components/UI/Widget';
Línea 20... Línea 20...
20 
 
 20 
 
21 
const GroupsWidget = () => {
 21 
const GroupsWidget = () => {
22 
  const labels = useSelector(({ intl }) => intl.labels)
 22 
  const labels = useSelector(({ intl }) => intl.labels);
23 
 
 23 
 
24 
  return (
 - 
 
25 
    <Widget>
 24 
  return (
26 
      <Widget.Body>
 - 
 
27 
        <GroupsWidget.Item url='/helpers/my-groups' title={labels.my_groups} />
 - 
 
28 
        <GroupsWidget.Item
 25 
    <Widget>
29 
          url='/helpers/groups-suggestion'
 26 
      <Widget.Body>
30 
          title={labels.suggest_groups}
 27 
        <GroupsWidget.Item url='/helpers/my-groups' title={labels.my_groups} />
31 
        />
 28 
        <GroupsWidget.Item url='/helpers/groups-suggestion' title={labels.suggest_groups} />
Línea 32... Línea 29...
32 
      </Widget.Body>
 29 
      </Widget.Body>
33 
    </Widget>
 30 
    </Widget>
34 
  )
 31 
  );
Línea 35... Línea 32...
35 
}
 32 
};
Línea 36... Línea -...
36 
 
 - 
 
37 
const Item = ({ url = '/helpers/my-groups', title = 'Mis grupos' }) => {
 33 
 
38 
  const labels = useSelector(({ intl }) => intl.labels)
 - 
 
39 
  const [lookMore, setLookMore] = useState(false)
 - 
 
Línea 40... Línea 34...
40 
 
 34 
const Item = ({ url = '/helpers/my-groups', title = 'Mis grupos' }) => {
Línea 41... Línea 35...
41 
  const { data } = useFetch(url, [])
 35 
  const labels = useSelector(({ intl }) => intl.labels);
42 
 
 36 
  const [lookMore, setLookMore] = useState(false);
43 
  const items = useMemo(
 37 
 
44 
    () => (lookMore ? data : data.slice(0, 3)),
 38 
  const { data } = useFetch(url, []);
Línea 75... Línea 69...
75 
            </ListItem>
 69 
            </ListItem>
76 
          )}
 70 
          )}
77 
        </List>
 71 
        </List>
78 
      </AccordionDetails>
 72 
      </AccordionDetails>
79 
    </Accordion>
 73 
    </Accordion>
80 
  )
 74 
  );
81 
}
 75 
};
Línea 82... Línea 76...
82 
 
 76 
 
Línea 83... Línea 77...
83 
GroupsWidget.Item = Item
 77 
GroupsWidget.Item = Item;