Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1 | Rev 2421 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 2420
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from "react";
2 
import { useEffect, useState } from "react";
 2 
import { useEffect, useState } from "react";
3 
import {axios} from "../../../utils";
 3 
import { axios } from "../../../utils";
Línea 4... Línea 4...
4 
 
 4 
 
5 
const PeopleViewedHelper = (props) => {
 5 
const PeopleViewedHelper = (props) => {
6 
  // props destructuring
 6 
  // props destructuring
Línea 12... Línea 12...
12 
  useEffect(() => {
 12 
  useEffect(() => {
13 
    axios
 13 
    axios
14 
      .get(`/helpers/people-viewed-profile/${profileId}`)
 14 
      .get(`/helpers/people-viewed-profile/${profileId}`)
15 
      .then((response) => {
 15 
      .then((response) => {
16 
        const resData = response.data;
 16 
        const resData = response.data;
17 
         (resData);
 17 
        (resData);
18 
        if (resData.success) {
 18 
        if (resData.success) {
19 
          setPeopleViewedProfile(resData.data);
 19 
          setPeopleViewedProfile(resData.data);
20 
        } else {
 20 
        } else {
21 
          // alert error
 21 
          // alert error
22 
        }
 22 
        }
23 
      });
 23 
      });
24 
  }, []);
 24 
  }, []);
Línea 25... Línea 25...
25 
 
 25 
 
26 
  return (
 - 
 
27 
    <React.Fragment>
 - 
 
28 
      <div
 - 
 
29 
        className="suggestions full-width"
 26 
  return (
30 
        id="suggestions-list-people-viewed-profile"
 - 
 
31 
      >
 27 
    <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">
32 
        <div className="sd-title">
 28 
      <div className="sd-title bg-white">
33 
          <h3>Quién ha visto este perfil</h3>
 29 
        <h3>Quién ha visto este perfil</h3>
34 
        </div>
 30 
      </div>
35 
        {/* <!--sd-title end--> */}
 - 
 
36 
        <div className="suggestions-list">
 31 
      {
- 
 
 32 
        peopleViewedProfile.length
37 
          {peopleViewedProfile.length > 0 ? (
 33 
          ?
38 
            peopleViewedProfile.map(({ id, name, image, profile }) => (
 34 
          peopleViewedProfile.map(({ id, name, image, profile }) => (
39 
              <div className="suggestion-usd" key={id}>
 - 
 
40 
                <img
 35 
            <div className="row bg-white p-1" key={id}>
41 
                  style={{ width: "50px", height: "auto" }}
 - 
 
42 
                  src={image}
 36 
              <div className="col-md-4 col-sm-12 suggestion-usd d-flex justify-content-start align-items-center ph-10">
43 
                  alt="user-img"
 37 
                <img src={image} alt="user-image" />
- 
 
 38 
              </div>
44 
                />
 39 
              <div className="col-md-4 col-sm-12 suggestion-usd d-flex justify-content-start align-items-center p-0">
- 
 
 40 
                <div className="sgt-text">
45 
                <div className="sgt-text">
 41 
                  <h4
- 
 
 42 
                    className="cursor-pointer"
- 
 
 43 
                    onClick={() => window.location.href = profile}
46 
                  <a href={profile} target="_blank">
 44 
                  >
47 
                    <h4>{name}</h4>
 45 
                    {name}
48 
                  </a>
 46 
                  </h4>
49 
                </div>
 - 
 
50 
                <span>
 - 
 
51 
                </span>
 47 
                </div>
52 
              </div>
 48 
              </div>
53 
            ))
 49 
            </div>
54 
          ) : (
 50 
          ))
55 
            <div className="view-more">Sin visitas</div>
 51 
          : <div className="view-more">Sin visitas</div>
56 
          )}
 - 
 
57 
        </div>
 - 
 
58 
        {/* <!--suggestions-list end--> */}
 52 
      }
59 
      </div>
 - 
 
60 
      {/* <!--suggestions end--> */}
 - 
 
61 
    </React.Fragment>
 53 
    </div>
62 
  );
 54 
  );
Línea 63... Línea 55...
63 
};
 55 
};