Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2420 | Rev 2422 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
import React from "react";
2 
import { useEffect, useState } from "react";
2420 stevensc 3 
import { axios } from "../../../utils";
1 www 4 
 
5 
const PeopleViewedHelper = (props) => {
6 
  // props destructuring
7 
  const { profileId } = props;
8 
 
9 
  // states
10 
  const [peopleViewedProfile, setPeopleViewedProfile] = useState([]);
11 
 
12 
  useEffect(() => {
13 
    axios
14 
      .get(`/helpers/people-viewed-profile/${profileId}`)
15 
      .then((response) => {
16 
        const resData = response.data;
2420 stevensc 17 
        (resData);
1 www 18 
        if (resData.success) {
19 
          setPeopleViewedProfile(resData.data);
20 
        } else {
21 
          // alert error
22 
        }
23 
      });
24 
  }, []);
25 
 
26 
  return (
2421 stevensc 27 
    <div className="right-sidebar border-radius border-gray" style={{ height: "450px" }}>
28 
      <div className="sd-title">
2420 stevensc 29 
        <h3>Quién ha visto este perfil</h3>
30 
      </div>
2421 stevensc 31 
      <div
32 
        className="mb-2"
33 
        id="suggestions-similar-groups"
34 
        style={{ height: "80%", overflowY: "auto" }}
35 
      >
36 
        {peopleViewedProfile.length
2420 stevensc 37 
          ?
2421 stevensc 38 
          getData().map(({ id, name, image, profile }) => (
39 
            <div className="suggestion-usd" key={id}>
40 
              <div className="row">
41 
                <div className="col-md-4 col-sm-12" >
42 
                  <img
43 
                    style={{ width: "50px", height: "auto" }}
44 
                    src={image}
45 
                    alt=""
46 
                  />
1 www 47 
                </div>
2421 stevensc 48 
                <div className="col-md-8 col-sm-12 text-left">
49 
                  <div className="sgt-text">
50 
                    <h4
51 
                      className="cursor-pointer"
52 
                      onClick={() => window.location.href = profile}
53 
                    >
54 
                      {name}
55 
                    </h4>
56 
                  </div>
57 
                </div>
1 www 58 
              </div>
2420 stevensc 59 
            </div>
60 
          ))
2421 stevensc 61 
          : <div className="view-more">Sin sugerencias</div>
62 
        }
63 
      </div>
64 
      {
65 
        peopleViewedProfile.length >= 5
66 
        &&
67 
        <div className="w-100 text-center">
68 
          <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
69 
            {lookMore ? 'Ver menos' : 'Ver mas'}
70 
          </button>
71 
        </div>
2420 stevensc 72 
      }
73 
    </div>
1 www 74 
  );
75 
};
76 
 
77 
export default PeopleViewedHelper;