Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'

import { axios } from '../../utils'

import EastIcon from '@mui/icons-material/East'

import Avatar from '../UI/AvatarImage'

import MembersModal from '../modals/MembersModal'

const CompanyFollowers = ({ companyId }) => {

  const [followers, setFollowers] = useState([])

  const [showMembersModal, setShowMembersModal] = useState(false)

  const load = () => {

    axios.get(`/helpers/company-follower/${companyId}`).then(({ data }) => {

      if (data.success) setFollowers(data.data)

    })

  }

  useEffect(() => load(), [])

  const openModal = (e) => {

    e.preventDefault()

    setShowMembersModal(true)

  }

  return (

    <>

      <MembersModal

        isShow={showMembersModal}

        handleClose={() => setShowMembersModal(!showMembersModal)}

        members={followers}

        handleAction={() => null}

      />

      <div className="suggest__widget">

        <div className="linked__widget-header">

          <h3>{followers.length} Seguidores</h3>

        </div>

        <div className="members-image__list">

          {followers.slice(0, 4).map((member) => {

            return (

              <Avatar

                key={member.name}

                imageUrl={member.image}

                size="lg"

                name={member.name}

              />

            )

          })}

        </div>

        <a className="load__suggest" onClick={(e) => openModal(e)}>

          <span>Ver más</span>

          <EastIcon />

        </a>

      </div>

    </>

  )

}

export default CompanyFollowers