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 (
    <div className="members-container d-sm-none d-none d-md-inline-block d-lg-inline-block w-100 overflow-hidden mt-4 border-gray border-radius">
      <div className="sd-title bg-white">
        <h3>Quién ha visto este perfil</h3>
      </div>
      {
        peopleViewedProfile.length
          ?
          peopleViewedProfile.map(({ id, name, image, profile }) => (
            <div className="row bg-white p-1" key={id}>
              <div className="col-md-4 col-sm-12 suggestion-usd d-flex justify-content-start align-items-center ph-10">
                <img src={image} alt="user-image" />
              </div>
              <div className="col-md-4 col-sm-12 suggestion-usd d-flex justify-content-start align-items-center p-0">
                <div className="sgt-text">
                  <h4
                    className="cursor-pointer"
                    onClick={() => window.location.href = profile}
                  >
                    {name}
                  </h4>
                </div>
              </div>
            </div>
          ))
          : <div className="view-more">Sin visitas</div>
      }
    </div>
  );
};

export default PeopleViewedHelper;