Proyectos de Subversion LeadersLinked - Antes de SPA

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

const PeopleViewedHelper = (props) => {
  // props destructuring
  const { profileId } = props;

  // states
  const [peopleViewedProfile, setPeopleViewedProfile] = useState([]);

  useEffect(() => {
    axios
      .get(`/helpers/people-viewed-profile/${profileId}`)
      .then((response) => {
        const resData = response.data;
         (resData);
        if (resData.success) {
          setPeopleViewedProfile(resData.data);
        } else {
          // alert error
        }
      });
  }, []);

  return (
    <React.Fragment>
      <div
        className="suggestions full-width"
        id="suggestions-list-people-viewed-profile"
      >
        <div className="sd-title">
          <h3>Quién ha visto este perfil</h3>
        </div>
        {/* <!--sd-title end--> */}
        <div className="suggestions-list">
          {peopleViewedProfile.length > 0 ? (
            peopleViewedProfile.map(({ id, name, image, profile }) => (
              <div className="suggestion-usd" key={id}>
                <img
                  style={{ width: "50px", height: "auto" }}
                  src={image}
                  alt="user-img"
                />
                <div className="sgt-text">
                  <a href={profile} target="_blank">
                    <h4>{name}</h4>
                  </a>
                </div>
                <span>
                </span>
              </div>
            ))
          ) : (
            <div className="view-more">Sin visitas</div>
          )}
        </div>
        {/* <!--suggestions-list end--> */}
      </div>
      {/* <!--suggestions end--> */}
    </React.Fragment>
  );
};

export default PeopleViewedHelper;