Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";

import { useEffect, useState } from "react";

import {axios} from "../../../utils";

const CompanyFollowersHelper = (props) => {

  // props destructuring

  const { companyId } = props;

  // states

  const [companyFollowers, setCompanyFollowers] = useState([]);

  useEffect(() => {

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

      const resData = response.data;

      if (resData.success) {

        setCompanyFollowers(resData.data);

      } else {

        // alert error

      }

    });

  }, []);

  return (

    <React.Fragment>

      <div

        className="widget suggestions full-width d-none d-md-block d-lg-block"

        id="suggestions-similar-groups"

        style={{

          height: "450px",

          overflowY: "auto",

        }}

      >

        <div className="sd-title font-weight-bold">

          <h3>Seguidores</h3>

        </div>

        {/* <!--sd-title end--> */}

        {companyFollowers.length ? (

          companyFollowers.map(({ id, name, image, profile }) => (

            <div className="suggestion-usd d-flex justify-content-start align-items-center " key={id}>

              <img

                style={{ width: "10%", height: "auto" }}

                src={image}

                alt=""

              />

              <div className="sgt-text">

                <a href={profile} target="_blank">

                  <h4>{name}</h4>

                </a>

              </div>

            </div>

          ))

        ) : (

          <div className="view-more">Sin seguidores</div>

        )}

      </div>

    </React.Fragment>

  );

};

export default CompanyFollowersHelper;