Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4240 | Rev 5087 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4240 Rev 4241
Línea 1... Línea 1...
1 
import React from "react";
 1 
/* eslint-disable react/prop-types */
2 
import { useEffect, useState } from "react";
 2 
import React, { useEffect, useState } from "react";
3 
import { useForm } from "react-hook-form";
 - 
 
4 
import { axios } from "../../../utils";
 3 
import { axios } from "../../../utils";
5 
import Spinner from "../../../shared/loading-spinner/Spinner";
 4 
import Spinner from "../../../shared/loading-spinner/Spinner";
6 
import { connect } from "react-redux";
 - 
 
7 
import { addNotification } from "../../../redux/notification/notification.actions";
 - 
 
8 
import Profile from "../../../components/Profile";
 5 
import Profile from "../../../components/Profile";
9 
import SearchList from "../../../components/SearchList";
 6 
import SearchList from "../../../components/SearchList";
Línea 10... Línea 7...
10 
 
 7 
 
11 
const InvitationsReceived = (props) => {
 - 
 
12 
  // redux destructuring
 - 
 
Línea 13... Línea -...
13 
  const { addNotification } = props;
 - 
 
14 
 
 8 
const InvitationsReceived = () => {
15 
  // states
 9 
 
Línea 16... Línea -...
16 
  const [companies, setCompanies] = useState([]);
 - 
 
17 
  const [loading, setLoading] = useState(true);
 - 
 
18 
 
 - 
 
19 
  // React hook form
 10 
  const [companies, setCompanies] = useState([]);
Línea 20... Línea 11...
20 
  const { register, getValues } = useForm();
 11 
  const [loading, setLoading] = useState(true);
21 
 
 12 
 
22 
  let axiosThrottle = null;
 13 
  let axiosThrottle = null;
23 
 
 14 
 
24 
  useEffect(() => {
 15 
  useEffect(() => {
25 
    fetchCompanies();
 16 
    fetchCompanies();
Línea 26... Línea 17...
26 
    return () => {
 17 
    return () => {
27 
      clearTimeout(axiosThrottle);
 18 
      clearTimeout(axiosThrottle);
28 
    };
 19 
    };
29 
  }, []);
 20 
  }, []);
30 
 
 21 
 
31 
  const fetchCompanies = async (searchParam = '') => {
 - 
 
32 
    setLoading(true);
 22 
  const fetchCompanies = (searchParam = '') => {
33 
    await axios
 23 
    setLoading(true);
34 
      .get("/company/invitations-received?search=" + searchParam)
 24 
    axios
35 
      .then((response) => {
 25 
      .get("/company/invitations-received?search=" + searchParam)
- 
 
 26 
      .then(({ data: response }) => {
36 
        const resData = response.data;
 27 
        if (response.success) {
37 
        if (resData.success) {
 28 
          setCompanies(response.data)
Línea 38... Línea -...
38 
          setCompanies(resData.data);
 - 
 
39 
        }
 - 
 
40 
      });
 - 
 
41 
    setLoading(false);
 - 
 
42 
  };
 - 
 
43 
 
 - 
 
44 
  const handleSearch = () => {
 - 
 
45 
    //  (getValues());
 - 
 
46 
    clearTimeout(axiosThrottle);
 - 
 
47 
    // setLoading(true);
 - 
 
48 
    const searchValue = getValues("search");
 - 
 
49 
    axiosThrottle = setTimeout(() => {
 - 
 
50 
      fetchCompanies(searchValue);
 - 
 
51 
    }, 500);
 - 
 
52 
  };
 - 
 
53 
 
 - 
 
54 
  const handleRequestAction = (link) => {
 - 
 
55 
    setLoading(true);
 - 
 
56 
    axios.post(link).then((response) => {
 - 
 
57 
      const resData = response.data;
 - 
 
58 
      if (resData.success) {
 - 
 
59 
        addNotification({
 - 
 
60 
          style: "success",
 - 
 
61 
          msg: resData.data,
 - 
 
62 
        });
 - 
 
63 
        fetchCompanies();
 - 
 
64 
      } else {
 - 
 
65 
        setLoading(false);
 - 
 
66 
        addNotification({
 - 
 
67 
          style: "danger",
 - 
 
68 
          msg: resData.data ?? "ha ocurrido un error",
 29 
        }
69 
        });
 30 
      })
70 
      }
 31 
      .finally(() => setLoading(false))
71 
    });
 32 
    setLoading(false);
72 
  };
 33 
  };
73 
 
 34 
 
74 
  return (
 35 
  return (
75 
    <section className="companies-info">
 - 
 
76 
      <div className="container">
 36 
    <section className="companies-info">
77 
        <SearchList
 37 
      <div className="container">
78 
          title={LABELS.invitation_received}
 - 
 
79 
          fetchCallback={fetchCompanies}
 - 
 
80 
        />
 38 
        <SearchList
81 
        <div
 39 
          title={LABELS.invitation_received}
82 
          className="companies-list"
 40 
          fetchCallback={fetchCompanies}
83 
          id="profiles-container"
 41 
        />
84 
          style={{ position: "relative", }}
 42 
        <div className="companies-list position-relative">
Línea 101... Línea 59...
101 
              :
 59 
              :
102 
              <div style={{ margin: "auto", textAlign: "center" }}>
 60 
              <div style={{ margin: "auto", textAlign: "center" }}>
103 
                {LABELS.not_found}
 61 
                {LABELS.not_found}
104 
              </div>
 62 
              </div>
105 
          }
 63 
          }
106 
          {
 - 
 
107 
            loading
 - 
 
108 
            &&
 - 
 
109 
            <div className="spinner-container">
 - 
 
110 
              <Spinner />
 - 
 
111 
            </div>
 - 
 
112 
          }
 - 
 
113 
          {/* <!--product-feed-tab end--> */}
 - 
 
114 
        </div>
 64 
        </div>
115 
      </div>
 65 
      </div>
116 
    </section >
 66 
    </section >
117 
  );
 67 
  );
118 
};
 68 
};
Línea 119... Línea -...
119 
 
 - 
 
120 
// const mapStateToProps = (state) => ({});
 - 
 
121 
 
 - 
 
122 
const mapDispatchToProps = {
 - 
 
123 
  addNotification: (notification) => addNotification(notification),
 - 
 
124 
};
 - 
 
125 
 
 69 
 
126 
export default connect(null, mapDispatchToProps)(InvitationsReceived);
 70 
export default InvitationsReceived;