Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1580 | Rev 5141 | 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";
3 
import { connect } from "react-redux";
2401 stevensc 4 
import { axios } from "../../../utils";
1 www 5 
import { addNotification } from "../../../redux/notification/notification.actions";
6 
import Spinner from "../../../shared/loading-spinner/Spinner";
7 
import "../../../css/shared/global.scss";
1580 steven 8 
import SearchList from "../../../components/SearchList";
9 
import Profile from "../../../components/Profile";
1 www 10 
 
11 
const PeopleYouMayKnow = (props) => {
12 
  // states
13 
  const [entities, setEntities] = useState([]);
14 
  const [loading, setLoading] = useState(false);
15 
  useEffect(() => {
16 
    fetchEntitys();
17 
  }, []);
18 
 
19 
  const fetchEntitys = async (searchValue) => {
20 
    setLoading(true);
21 
    await axios
2401 stevensc 22 
      .get("/connection/people-blocked?search=" + (searchValue || ''))
1 www 23 
      .then((response) => {
24 
        const resData = response.data;
25 
        if (resData.success) {
26 
          setEntities(resData.data);
27 
        }
28 
      });
29 
    setLoading(false);
30 
  };
31 
 
32 
  return (
33 
    <section className="companies-info">
34 
      <div className="container">
1580 steven 35 
        <SearchList
36 
          title="Personas Bloqueadas"
37 
          fetchCallback={fetchEntitys}
38 
        />
2401 stevensc 39 
        <div
40 
          className="companies-list"
41 
          id="profiles-container"
42 
          style={{ position: "relative", padding: "0 15px" }}
43 
        >
44 
          {entities.length > 0 ? (
45 
            entities.map(
46 
              ({ image, link_unblock, link_view, name }, index) => (
47 
                <Profile
48 
                  image={image}
49 
                  name={name}
50 
                  key={index}
51 
                  link_view={link_view}
52 
                  link_unblock={link_unblock}
53 
                  fetchCallback={fetchEntitys}
54 
                />
1 www 55 
              )
2401 stevensc 56 
            )
57 
          ) : (
58 
            <p>No hay resultados</p>
59 
          )}
60 
          {loading ? (
61 
            <div className="spinner-container">
62 
              <Spinner />
63 
            </div>
64 
          ) : (
65 
            ""
66 
          )}
1 www 67 
        </div>
68 
      </div>
69 
    </section>
70 
  );
71 
};
72 
 
73 
const mapDispatchToProps = {
74 
  addNotification: (notification) => addNotification(notification),
75 
};
76 
 
77 
export default connect(null, mapDispatchToProps)(PeopleYouMayKnow);