Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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