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;