Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1 | Rev 1574 | 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";
5 
import styled from "styled-components";
6 
import {axios} from "../../../utils";
7 
import Spinner from "../../../shared/loading-spinner/Spinner";
8 
import { addNotification } from "../../../redux/notification/notification.actions";
9 
import Invitation from "./invitation/Invitation";
1573 steven 10 
import SearchList from "../../../components/SearchList";
1 www 11 
 
12 
const StyledSpinnerContainer = styled.div`
13 
  position: absolute;
14 
  left: 0;
15 
  top: 0;
16 
  width: 100%;
17 
  height: 100%;
18 
  background: rgba(255, 255, 255, 0.4);
19 
  display: flex;
20 
  justify-content: center;
21 
  align-items: center;
22 
  z-index: 300;
23 
`;
24 
 
25 
const InvitationsReceived = (props) => {
26 
  // states
27 
  const [invitationsReceived, setInvitationsReceived] = useState([]);
28 
  const [loading, setLoading] = useState(false);
29 
 
30 
  // Redux
31 
  const { addNotification } = props;
32 
 
33 
  // React hook form
34 
  const { register, getValues } = useForm();
35 
 
36 
  let axiosThrottle = null;
37 
 
38 
  const handleInvitation = (link) => {
39 
     ("handlecancel called");
40 
    setLoading(true);
41 
    axios
42 
      .post(link)
43 
      .then((response) => {
44 
        const resData = response.data;
45 
         (resData);
46 
        if (resData.success) {
47 
          const msg = resData.data;
48 
          addNotification({
49 
            style: "success",
50 
            msg: msg,
51 
          });
52 
          fetchInvitations();
53 
        } else {
54 
          setLoading(false);
55 
        }
56 
      })
57 
      .catch((error) => {
58 
        setLoading(false);
59 
      });
60 
  };
61 
 
62 
  useEffect(() => {
63 
    fetchInvitations();
64 
  }, []);
65 
 
66 
  const fetchInvitations = async (searchValue='') => {
67 
    setLoading(true);
68 
    await axios
69 
      .get("/connection/invitations-received?search="+searchValue)
70 
      .then((response) => {
71 
        const resData = response.data;
72 
        if (resData.success) {
73 
          setInvitationsReceived(resData.data);
74 
        }
75 
      });
76 
    setLoading(false);
77 
  };
78 
 
79 
  return (
80 
    <section className="companies-info">
81 
      <div className="container">
1573 steven 82 
        <SearchList
83 
          title="Invitaciones Recibidas"
84 
          fetchCallback={fetchInvitations}
85 
        />
1 www 86 
 
87 
        <div className="companies-list">
88 
          <div
89 
            className="row"
90 
            id="profiles-container"
91 
            style={{
92 
              position: "relative",
93 
              padding: "0 15px",
94 
            }}
95 
          >
96 
            {invitationsReceived.length > 0 ? (
97 
              invitationsReceived.map(
98 
                ({ name, image, link_approve, link_reject, link_view }, id) => (
99 
                  <Invitation
100 
                    image={image}
101 
                    name={name}
102 
                    link_approve={link_approve}
103 
                    link_reject={link_reject}
104 
                    key={id}
105 
                    id={id}
106 
                    handleInvitation={handleInvitation}
107 
                    link_view={link_view}
108 
                  />
109 
                )
110 
              )
111 
            ) : (
112 
              <p>No hay resultados</p>
113 
            )}
114 
            {loading ? (
115 
              <StyledSpinnerContainer>
116 
                <Spinner />
117 
              </StyledSpinnerContainer>
118 
            ) : (
119 
              ""
120 
            )}
121 
          </div>
122 
          {/* <!--product-feed-tab end--> */}
123 
        </div>
124 
      </div>
125 
    </section>
126 
  );
127 
};
128 
 
129 
const mapDispatchToProps = {
130 
  addNotification: (notification) => addNotification(notification),
131 
};
132 
 
133 
export default connect(null, mapDispatchToProps)(InvitationsReceived);