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);

    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