Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1539 | Rev 2883 | 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, { useEffect, useState } from "react";
2232 stevensc 2 
import { axios } from "../../../utils";
1 www 3 
 
4 
import styles from "./peopleYouMayKnow.module.scss";
5 
 
6 
const PeopleYouMayKnow = () => {
7 
  // states
8 
  const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([]);
9 
  const [error, setError] = useState("");
10 
 
11 
  useEffect(() => {
12 
    axios.get(`/helpers/people-you-may-know`).then((response) => {
13 
      const resData = response.data;
14 
      if (resData.success) {
15 
        setPeopleYouMayKnow(resData.data);
16 
      } else {
17 
        // alert error
18 
      }
19 
    });
20 
  }, []);
21 
 
22 
  return (
23 
    <div
1539 steven 24 
      className={styles.peopleYouMayKnow + ' border-gray'}
1 www 25 
      id="suggestions-list-people-you-may-know"
26 
    >
27 
      <div className="sd-title">
28 
        <h3>Personas que puede conocer</h3>
29 
      </div>
30 
      {/* <!--sd-title end--> */}
31 
      <>
32 
        <div className={styles.suggestionList}>
33 
          {peopleYouMayKnow.length ? (
34 
            <React.Fragment>
35 
              {error ? (
36 
                <div className="suggestion-usd"> Ha ocurrido un error :( </div>
37 
              ) : (
38 
                peopleYouMayKnow.map(({ id, image, name, profile }) => (
39 
                  <div className={styles.user} key={id}>
40 
                    <a href={profile} target="_blank">
41 
                      <img
42 
                        style={{
43 
                          width: "2.3rem",
44 
                          maxWidth: '2.3rem',
45 
                          height: "auto"
46 
                        }}
47 
                        src={image}
48 
                        alt=""
49 
                      />
50 
                    </a>
51 
 
52 
                    <div className="sgt-text">
53 
                      <a href={profile} target="_blank">
54 
                        <h4
55 
                          title="Ver perfil"
56 
                        >{name}</h4>
57 
                      </a>
58 
                    </div>
59 
                  </div>
60 
                ))
61 
              )}
2232 stevensc 62 
 
1 www 63 
            </React.Fragment>
64 
          ) : (
65 
            <div className="view-more">Sin sugerencias</div>
66 
          )}
67 
        </div>
68 
        {
69 
          !error && (
70 
            <div className={styles.viewMore}>
2232 stevensc 71 
              <a href="/connection/people-you-may-know" target="_blank">
72 
                <button
73 
                  className="btn btn-primary"
74 
                  type="button"
75 
                  style={{ padding: '2px 10px' }}
76 
                >
77 
                  Ver más
78 
                </button>
79 
              </a>
1 www 80 
            </div>
81 
          )
82 
        }
83 
      </>
84 
 
85 
      {/* <!--suggestions-list end--> */}
86 
    </div>
87 
  );
88 
};
89 
 
90 
export default PeopleYouMayKnow;