Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1601 | Rev 2320 | 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 { useForm } from "react-hook-form";
1095 stevensc 5 
import { axios } from "../../../utils";
1 www 6 
import { addNotification } from "../../../redux/notification/notification.actions";
7 
import Spinner from "../../../shared/loading-spinner/Spinner";
8 
import RequestTemplate from "./requestTemplate/RequestTemplate";
1601 steven 9 
import SearchList from "../../../components/SearchList";
10 
import Profile from "../../../components/Profile";
1 www 11 
 
1601 steven 12 
const RequestsSent = () => {
1 www 13 
  // states
14 
  const [sentRequests, setSentRequests] = useState([]);
15 
  const [loading, setLoading] = useState(true);
16 
 
17 
  useEffect(() => {
18 
    fetchSentRequests();
19 
  }, []);
20 
 
1095 stevensc 21 
  const fetchSentRequests = async (searchParam = '') => {
1 www 22 
    setLoading(true);
1095 stevensc 23 
    await axios.get("/group/requests-sent?search=" + searchParam)
1 www 24 
      .then((response) => {
25 
        const resData = response.data;
26 
        if (resData.success) {
27 
          setSentRequests(resData.data);
28 
        }
29 
      });
30 
    setLoading(false);
31 
  };
32 
 
33 
  return (
34 
    <section className="companies-info" style={{ position: "relative" }}>
35 
      <div className="container">
1601 steven 36 
        <SearchList
37 
          title="Solicitudes enviadas"
38 
          fetchCallback={fetchSentRequests}
39 
        />
1 www 40 
 
2319 stevensc 41 
        <div className="companies-list" id="profiles-container">
42 
          {
43 
            sentRequests.length
44 
              ?
45 
              sentRequests.map((request, index) => {
46 
                return (
47 
                  <Profile
48 
                    {...request}
49 
                    key={index}
50 
                    fetchCallback={fetchSentRequests}
51 
                  />
1095 stevensc 52 
                )
2319 stevensc 53 
              }
54 
              )
55 
              :
56 
              <div style={{ margin: "auto", textAlign: "center" }}>
57 
                Ningún registro coincidio con su consulta
58 
              </div>
59 
          }
1 www 60 
          {/* <!--product-feed-tab end--> */}
61 
        </div>
62 
      </div>
63 
      {loading && (
64 
        <div className="spinner-container">
65 
          <Spinner />
66 
        </div>
67 
      )}
68 
    </section>
69 
  );
70 
};
71 
 
72 
// const mapStateToProps = (state) => ({});
73 
 
74 
const mapDispatchToProps = {
75 
  addNotification: (notification) => addNotification(notification),
76 
};
77 
 
78 
export default connect(null, mapDispatchToProps)(RequestsSent);