Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4764 Rev 5107
Línea 5... Línea 5...
5 
import ExpandLessIcon from '@mui/icons-material/ExpandLess'
 5 
import ExpandLessIcon from '@mui/icons-material/ExpandLess'
6 
import EmptySection from '../../../../shared/empty-section/EmptySection'
 6 
import EmptySection from '../../../../shared/empty-section/EmptySection'
7 
import Avatar from '../../../../shared/Avatar/Avatar'
 7 
import Avatar from '../../../../shared/Avatar/Avatar'
Línea 8... Línea 8...
8 
 
 8 
 
9 
const HelpersContainer = () => {
 - 
 
10 
 
 9 
const HelpersContainer = () => {
11 
  return (
 10 
  return (
12 
    <div className='sidebar__bottom'>
 11 
    <div className='sidebar__bottom'>
13 
      <HelpersContainer.Item url="/helpers/my-groups" title="Mis Grupos" display={true} />
 12 
      <HelpersContainer.Item url="/helpers/my-groups" title={LABELS.MY_GROUPS} display={true} />
14 
      <HelpersContainer.Item url="/helpers/groups-suggestion" title="Grupos Sugeridos" />
 13 
      <HelpersContainer.Item url="/helpers/groups-suggestion" title={LABELS.SUGGEST_GROUPS} />
15 
    </div>
 14 
    </div>
16 
  )
 15 
  )
Línea 17... Línea 16...
17 
}
 16 
}
18 
 
 - 
 
19 
const Item = ({ url = '/helpers/my-groups', title = 'Mis grupos', display = false }) => {
 17 
 
20 
 
 18 
const Item = ({ url = '/helpers/my-groups', title = LABELS.MY_GROUPS, display = false }) => {
21 
  const [widgetData, setWidgetData] = useState([]);
 19 
  const [widgetData, setWidgetData] = useState([])
Línea 22... Línea 20...
22 
  const [displayMenu, setDisplayMenu] = useState(display);
 20 
  const [displayMenu, setDisplayMenu] = useState(display)
23 
  const [lookMore, setLookMore] = useState(false);
 21 
  const [lookMore, setLookMore] = useState(false)
24 
 
 22 
 
25 
  const getData = () => {
 23 
  const getData = () => {
26 
    axios.get(url)
 24 
    axios.get(url)
27 
      .then(({ data: response }) => {
 25 
      .then(({ data: response }) => {
28 
        const { success, data } = response
 26 
        const { success, data } = response
29 
        if (success) {
 27 
        if (success) {
30 
          setWidgetData(data.sort((a, b) => a.priority - b.priority).reverse());
 28 
          setWidgetData(data.sort((a, b) => a.priority - b.priority).reverse())
Línea 31... Línea 29...
31 
        }
 29 
        }
32 
      });
 30 
      })
33 
  }
 31 
  }
Línea 34... Línea 32...
34 
 
 32 
 
35 
  useEffect(() => {
 33 
  useEffect(() => {
36 
    getData()
 34 
    getData()
37 
  }, []);
 35 
  }, [])
Línea 64... Línea 62...
64 
                <Avatar imageUrl={image} size='md' name={name} />
 62 
                <Avatar imageUrl={image} size='md' name={name} />
65 
                <span>{name}</span>
 63 
                <span>{name}</span>
66 
              </a>
 64 
              </a>
67 
            </li>
 65 
            </li>
68 
          )
 66 
          )
69 
          : <EmptySection message='Sin resultados' />
 67 
          : <EmptySection message={LABELS.DATATABLE_EMPTY} />
70 
        }
 68 
        }
71 
        {widgetData.length >= 3 &&
 69 
        {widgetData.length >= 3 &&
72 
          <li className='helper__list-item justify-content-center cursor-pointer py-2' onClick={() => setLookMore(!lookMore)}>
 70 
          <li className='helper__list-item justify-content-center cursor-pointer py-2' onClick={() => setLookMore(!lookMore)}>
73 
            <span>
 71 
            <span>
74 
              {lookMore ? 'Ver menos' : 'Ver mas'}
 72 
              {lookMore ? LABELS.VIEW_LESS : LABELS.VIEW_MORE}
75 
            </span>
 73 
            </span>
76 
          </li>
 74 
          </li>
77 
        }
 75 
        }
78 
      </ul>
 76 
      </ul>