Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5285 Rev 5904
Línea 7... Línea 7...
7 
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 7 
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
Línea 8... Línea 8...
8 
 
 8 
 
9 
const GroupsInfo = ({
 9 
const GroupsInfo = ({
10 
  url = '/helpers/my-groups',
 10 
  url = '/helpers/my-groups',
11 
  title = 'Mis grupos',
 11 
  title = 'Mis grupos',
12 
  display = false
 12 
  display = false,
13 
}) => {
 13 
}) => {
14 
  const [widgetData, setWidgetData] = useState([])
 14 
  const [widgetData, setWidgetData] = useState([])
15 
  const [displayMenu, setDisplayMenu] = useState(display)
 15 
  const [displayMenu, setDisplayMenu] = useState(display)
Línea 16... Línea 16...
16 
  const [lookMore, setLookMore] = useState(false)
 16 
  const [lookMore, setLookMore] = useState(false)
17 
 
 - 
 
18 
  const getData = () => {
 17 
 
19 
    axios.get(url)
 18 
  const getData = () => {
20 
      .then(({ data: response }) => {
 19 
    axios.get(url).then(({ data: response }) => {
21 
        const { success, data } = response
 20 
      const { success, data } = response
22 
        if (success) {
 21 
      if (success) {
23 
          setWidgetData(data.sort((a, b) => a.priority - b.priority).reverse())
 22 
        setWidgetData(data.sort((a, b) => a.priority - b.priority).reverse())
24 
        }
 23 
      }
Línea 25... Línea 24...
25 
      })
 24 
    })
26 
  }
 25 
  }
27 
 
 26 
 
Línea 36... Línea 35...
36 
    }
 35 
    }
37 
    return infoFollows
 36 
    return infoFollows
38 
  }
 37 
  }
Línea 39... Línea 38...
39 
 
 38 
 
40 
  return (
 39 
  return (
41 
    <div className='sidebar__recent-item__container'>
 - 
 
42 
 
 40 
    <div className="sidebar__recent-item__container">
43 
      <section className='sidebar__recent-item'>
 41 
      <section className="sidebar__recent-item">
- 
 
 42 
        <p>{title}</p>
- 
 
 43 
        <button
44 
        <p>{title}</p>
 44 
          className="sidebar__recent-icon"
- 
 
 45 
          onClick={() => setDisplayMenu(!displayMenu)}
45 
        <button className='sidebar__recent-icon' onClick={() => setDisplayMenu(!displayMenu)}>
 46 
        >
46 
          {displayMenu ? <ExpandLessIcon /> : <ExpandMoreIcon />}
 47 
          {displayMenu ? <ExpandLessIcon /> : <ExpandMoreIcon />}
47 
        </button>
 48 
        </button>
Línea 48... Línea 49...
48 
      </section>
 49 
      </section>
49 
 
 - 
 
50 
      <ul className={`helper__list ${displayMenu ? 'show' : 'hide'}`}>
 50 
 
51 
 
 51 
      <ul className={`helper__list ${displayMenu ? 'show' : 'hide'}`}>
52 
        {widgetData.length
 52 
        {widgetData.length ? (
- 
 
 53 
          dataSlice().map(({ id, name, profile, image }) => (
- 
 
 54 
            <li key={id}>
53 
          ? dataSlice().map(({ id, name, profile, image }) =>
 55 
              <a
- 
 
 56 
                href={profile}
- 
 
 57 
                className="helper__list-item"
54 
            <li key={id}>
 58 
                target="secondary"
55 
              <a href={profile} className='helper__list-item' target='secondary'>
 59 
              >
56 
                <Avatar imageUrl={image} size='md' name={name} />
 60 
                <Avatar imageUrl={image} size="md" name={name} />
57 
                <span>{name}</span>
 61 
                <span>{name}</span>
58 
              </a>
 62 
              </a>
- 
 
 63 
            </li>
59 
            </li>
 64 
          ))
60 
          )
 65 
        ) : (
61 
          : <EmptySection message={LABELS.DATATABLE_EMPTY} />
 66 
          <EmptySection message={LABELS.DATATABLE_EMPTY} />
62 
        }
 67 
        )}
- 
 
 68 
 
63 
 
 69 
        {widgetData.length >= 3 && (
- 
 
 70 
          <li
64 
        {widgetData.length >= 3 &&
 71 
            className="helper__list-item justify-content-center cursor-pointer py-2"
65 
          <li className='helper__list-item justify-content-center cursor-pointer py-2' onClick={() => setLookMore(!lookMore)}>
 72 
            onClick={() => setLookMore(!lookMore)}
66 
            <span>
 - 
 
67 
              {lookMore ? LABELS.VIEW_LESS : LABELS.VIEW_MORE}
 73 
          >
68 
            </span>
 74 
            <span>{lookMore ? LABELS.VIEW_LESS : LABELS.VIEW_MORE}</span>
69 
          </li>
 75 
          </li>
70 
        }
 - 
 
71 
      </ul>
 76 
        )}
72 
 
 77 
      </ul>
73 
    </div>
 78 
    </div>
Línea 74... Línea 79...
74 
  )
 79 
  )