Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from "react";
import {axios} from "../../../utils";

import styles from "./peopleYouMayKnow.module.scss";

const PeopleYouMayKnow = () => {
  // states
  const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([]);
  const [error, setError] = useState("");

  useEffect(() => {
    axios.get(`/helpers/people-you-may-know`).then((response) => {
      const resData = response.data;
      if (resData.success) {
        setPeopleYouMayKnow(resData.data);
      } else {
        // alert error
      }
    });
  }, []);

  return (
    <div
      className={styles.peopleYouMayKnow + ' border-gray'}
      id="suggestions-list-people-you-may-know"
    >
      <div className="sd-title">
        <h3>Personas que puede conocer</h3>
      </div>
      {/* <!--sd-title end--> */}
      <>
        <div className={styles.suggestionList}>
          {peopleYouMayKnow.length ? (
            <React.Fragment>
              {error ? (
                <div className="suggestion-usd"> Ha ocurrido un error :( </div>
              ) : (
                peopleYouMayKnow.map(({ id, image, name, profile }) => (
                  <div className={styles.user} key={id}>
                    <a href={profile} target="_blank">
                      <img
                        style={{
                          width: "2.3rem",
                          maxWidth: '2.3rem',
                          height: "auto"
                        }}
                        src={image}
                        alt=""
                      />
                    </a>

                    <div className="sgt-text">
                      <a href={profile} target="_blank">
                        <h4
                          title="Ver perfil"
                        >{name}</h4>
                      </a>
                    </div>
                  </div>
                ))
              )}
              
            </React.Fragment>
          ) : (
            <div className="view-more">Sin sugerencias</div>
          )}
        </div>
        {
          !error && (
            <div className={styles.viewMore}>
              <a href="/connection/people-you-may-know" target="_blank">Ver más</a>
            </div>
          )
        }
      </>

      {/* <!--suggestions-list end--> */}
    </div>
  );
};

export default PeopleYouMayKnow;