Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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