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