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