Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1122 | Rev 2401 | 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";
4 
import {axios} from "../../../utils";
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
22 
      .get("/connection/people-blocked?search="+(searchValue || ''))
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 
        />
1 www 39 
 
40 
        <div className="companies-list">
41 
          <div
42 
            className="row"
43 
            id="profiles-container"
44 
            style={{
45 
              position: "relative",
46 
              padding: "0 15px",
47 
            }}
48 
          >
49 
            {entities.length > 0 ? (
50 
              entities.map(
51 
                ({ image, link_unblock, link_view, name }, index) => (
1580 steven 52 
                  <Profile
53 
                    image={image}
54 
                    name={name}
55 
                    key={index}
56 
                    link_view={link_view}
57 
                    link_unblock={link_unblock}
58 
                    fetchCallback={fetchEntitys}
59 
                  />
1 www 60 
                )
61 
              )
62 
            ) : (
63 
              <p>No hay resultados</p>
64 
            )}
65 
            {loading ? (
66 
              <div className="spinner-container">
67 
                <Spinner />
68 
              </div>
69 
            ) : (
70 
              ""
71 
            )}
72 
          </div>
73 
          {/* <!--product-feed-tab end--> */}
74 
        </div>
75 
      </div>
76 
    </section>
77 
  );
78 
};
79 
 
80 
const mapDispatchToProps = {
81 
  addNotification: (notification) => addNotification(notification),
82 
};
83 
 
84 
export default connect(null, mapDispatchToProps)(PeopleYouMayKnow);