Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React, { useEffect } from 'react'

import ExpandMoreIcon from '@mui/icons-material/ExpandMore'

import GroupIcon from '@mui/icons-material/Group'

import { useState } from 'react'

import axios from '../../../../utils/axios'

const HelpersContainer = (props) => {

  const [recentItem1, setrecentItem1] = useState(false)

  const [recentItem2, setrecentItem2] = useState(false)

  return (

    <div className='sidebar__bottom'>

      <HelpersContainer.Item />

    </div>

  )

}

const Item = ({ url = '/helpers/my-groups', title = 'Mis grupos' }) => {

  const [widgetData, setWidgetData] = useState([]);

  const [lookMore, setLookMore] = useState(false);

  const getData = () => {

    axios.get(url)

      .then(({ data: response }) => {

        const { success, data } = response

        if (success) {

          setWidgetData(data.sort((a, b) => a.priority - b.priority).reverse());

        }

      });

  }

  useEffect(() => {

    getData()

  }, []);

  const dataSlice = () => {

    let infoFollows = [...widgetData]

    if (!lookMore) {

      infoFollows = infoFollows.slice(0, 1)

    }

    return infoFollows

  }

  return (

    <div className='sidebar__recent-item__container'>

      <section className='sidebar__recent-item'>

        <p>{title}</p>

        <div className='sidebar__recent-actions'>

          <button className='sidebar__recent-icon'>

            <ExpandMoreIcon />

          </button>

        </div>

        <ul className=''>

          <li className=''>

            <a className=''

              href=''

            >

              <div className=''>

                <GroupIcon />

                <span>React Native</span>

              </div>

            </a>

          </li>

        </ul>

      </section>

    </div>

  )

}

HelpersContainer.Item = Item

export default HelpersContainer