Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2390 | Rev 5126 | 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";
2390 stevensc 6 
import { axios } from "../../../utils";
1 www 7 
import { addNotification } from "../../../redux/notification/notification.actions";
8 
import Spinner from "../../../shared/loading-spinner/Spinner";
9 
import Invitation from "./invitation/Invitation";
1570 steven 10 
import SearchList from "../../../components/SearchList";
1571 steven 11 
import Profile from "../../../components/Profile";
1 www 12 
 
13 
const StyledSpinnerContainer = styled.div`
14 
  position: absolute;
15 
  left: 0;
16 
  top: 0;
17 
  width: 100%;
18 
  height: 100%;
19 
  background: rgba(255, 255, 255, 0.4);
20 
  display: flex;
21 
  justify-content: center;
22 
  align-items: center;
23 
  z-index: 300;
24 
`;
25 
 
26 
const InvitationsSent = (props) => {
27 
  // states
28 
  const [sentInvitations, setSentInvitations] = useState([]);
29 
  const [loading, setLoading] = useState(false);
30 
 
31 
  useEffect(() => {
32 
    fetchInvitations();
33 
  }, []);
34 
 
2390 stevensc 35 
  const fetchInvitations = async (searchValue = '') => {
1 www 36 
    setLoading(true);
37 
    await axios
2390 stevensc 38 
      .get("/connection/invitations-sent?search=" + searchValue)
1 www 39 
      .then((response) => {
40 
        const resData = response.data;
41 
        if (resData.success) {
42 
          setSentInvitations(resData.data);
43 
        }
44 
      });
45 
    setLoading(false);
46 
  };
47 
 
48 
  return (
49 
    <section className="companies-info">
50 
      <div className="container">
1570 steven 51 
        <SearchList
52 
          title="Invitaciones Enviadas"
1572 steven 53 
          fetchCallback={fetchInvitations}
1570 steven 54 
        />
1571 steven 55 
 
2390 stevensc 56 
        <div
57 
          className="companies-list"
58 
          id="profiles-container"
59 
          style={{ position: "relative", padding: "0 15px", }}
60 
        >
61 
          {sentInvitations.length > 0 ? (
62 
            sentInvitations.map(
63 
              ({ name, image, link_delete, link_view }, id) => (
64 
                <Profile
65 
                  image={image}
66 
                  name={name}
67 
                  link_delete={link_delete}
68 
                  link_view={link_view}
69 
                  key={id}
70 
                  fetchCallback={fetchInvitations}
2511 stevensc 71 
                  btnCancelTitle='Cancelar solicitud'
2390 stevensc 72 
                />
1 www 73 
              )
2390 stevensc 74 
            )
75 
          ) : (
76 
            <p>No hay resultados</p>
77 
          )}
78 
          {loading ? (
79 
            <StyledSpinnerContainer>
80 
              <Spinner />
81 
            </StyledSpinnerContainer>
82 
          ) : (
83 
            ""
84 
          )}
1 www 85 
        </div>
86 
      </div>
2390 stevensc 87 
    </section >
1 www 88 
  );
89 
};
90 
 
91 
const mapDispatchToProps = {
92 
  addNotification: (notification) => addNotification(notification),
93 
};
94 
 
95 
export default connect(null, mapDispatchToProps)(InvitationsSent);