Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4658 Rev 4686
Línea 7... Línea 7...
7 
 
 7 
 
Línea 8... Línea 8...
8 
const HelpersContainer = () => {
 8 
const HelpersContainer = () => {
9 
 
 9 
 
10 
  return (
 10 
  return (
11 
    <div className='sidebar__bottom'>
 11 
    <div className='sidebar__bottom'>
12 
      <HelpersContainer.Item url="/helpers/my-groups" title="Mis Grupos" />
 12 
      <HelpersContainer.Item url="/helpers/my-groups" title="Mis Grupos" display={true} />
13 
      <HelpersContainer.Item url="/helpers/groups-suggestion" title="Grupos Sugeridos" />
 13 
      <HelpersContainer.Item url="/helpers/groups-suggestion" title="Grupos Sugeridos" />
14 
    </div>
 14 
    </div>
Línea 15... Línea 15...
15 
  )
 15 
  )
Línea 16... Línea 16...
16 
}
 16 
}
17 
 
 17 
 
18 
const Item = ({ url = '/helpers/my-groups', title = 'Mis grupos' }) => {
 18 
const Item = ({ url = '/helpers/my-groups', title = 'Mis grupos', display = false }) => {
Línea 19... Línea 19...
19 
 
 19 
 
20 
  const [widgetData, setWidgetData] = useState([]);
 20 
  const [widgetData, setWidgetData] = useState([]);
21 
  const [displayMenu, setDisplayMenu] = useState(false);
 21 
  const [displayMenu, setDisplayMenu] = useState(display);
Línea 47... Línea 47...
47 
    <div className='sidebar__recent-item__container'>
 47 
    <div className='sidebar__recent-item__container'>
Línea 48... Línea 48...
48 
 
 48 
 
49 
      <section className='sidebar__recent-item'>
 49 
      <section className='sidebar__recent-item'>
50 
        <p>{title}</p>
 50 
        <p>{title}</p>
51 
        <div className='sidebar__recent-actions'>
 51 
        <div className='sidebar__recent-actions'>
52 
          <button className='sidebar__recent-icon' onClick={() => setDisplayMenu(!displayMenu)}>
 52 
          <button className='sidebar__recent-icon' onClick={() => setDisplayMenu(!displayMenu)} style={!display && { opacity: 1 }}>
53 
            <ExpandMoreIcon />
 53 
            <ExpandMoreIcon />
54 
          </button>
 54 
          </button>
55 
        </div>
 55 
        </div>