Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useEffect, useState } from 'react'
import { axios } from '../../../../../utils'
import EastIcon from '@mui/icons-material/East'
import MembersModal from '../../../../../shared/helpers/group-members-helper/MembersModal'
import Avatar from '../../../../../shared/Avatar/Avatar'

const CompanyFollowers = ({ companyId }) => {
  const [followers, setFollowers] = useState([])
  const [showMembersModal, setShowMembersModal] = useState(false)

  useEffect(() => {
    axios.get(`/helpers/company-follower/${companyId}`).then(({ data }) => {
      if (data.success) setFollowers(data.data)
    })
  }, [])

  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