Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
3641 stevensc 1 
/* eslint-disable react/prop-types */
1 www 2 
import React from "react";
3 
import { useEffect, useState } from "react";
2420 stevensc 4 
import { axios } from "../../../utils";
1 www 5 
 
3641 stevensc 6 
const PeopleViewedHelper = ({ profileId }) => {
1 www 7 
 
8 
  const [peopleViewedProfile, setPeopleViewedProfile] = useState([]);
2422 stevensc 9 
  const [lookMore, setLookMore] = useState(false);
1 www 10 
 
11 
  useEffect(() => {
3641 stevensc 12 
    axios.get(`/helpers/people-viewed-profile/${profileId}`)
13 
      .then(({ data }) => {
14 
        if (data.success) setPeopleViewedProfile(data.data)
1 www 15 
      });
16 
  }, []);
17 
 
2422 stevensc 18 
  const getData = () => {
19 
    let infoFollows = [...peopleViewedProfile]
20 
    if (!lookMore) {
21 
      infoFollows = infoFollows.slice(0, 5);
22 
    }
23 
    return infoFollows
24 
  }
25 
 
1 www 26 
  return (
3641 stevensc 27 
    <div className="right-sidebar peopleYouMayKnow" style={{ maxHeight: '450px', marginTop: '0' }}>
2421 stevensc 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
3641 stevensc 37 
          ? getData().map(({ id, name, image, profile }) =>
2421 stevensc 38 
            <div className="suggestion-usd" key={id}>
39 
              <div className="row">
40 
                <div className="col-md-4 col-sm-12" >
41 
                  <img
42 
                    style={{ width: "50px", height: "auto" }}
43 
                    src={image}
44 
                    alt=""
45 
                  />
1 www 46 
                </div>
2432 stevensc 47 
                <div className="col-8 d-flex align-items-center justify-content-start p-0">
2421 stevensc 48 
                  <div className="sgt-text">
49 
                    <h4
50 
                      className="cursor-pointer"
51 
                      onClick={() => window.location.href = profile}
52 
                    >
53 
                      {name}
54 
                    </h4>
55 
                  </div>
56 
                </div>
1 www 57 
              </div>
3641 stevensc 58 
            </div>)
2421 stevensc 59 
          : <div className="view-more">Sin sugerencias</div>
60 
        }
61 
      </div>
3641 stevensc 62 
      {peopleViewedProfile.length >= 5 &&
2421 stevensc 63 
        <div className="w-100 text-center">
64 
          <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
65 
            {lookMore ? 'Ver menos' : 'Ver mas'}
66 
          </button>
67 
        </div>
2420 stevensc 68 
      }
69 
    </div>
1 www 70 
  );
71 
};
72 
 
73 
export default PeopleViewedHelper;