Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1574 | Rev 2393 | 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";
1574 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 InvitationsReceived = (props) => {
27 
  // states
28 
  const [invitationsReceived, setInvitationsReceived] = useState([]);
29 
  const [loading, setLoading] = useState(false);
30 
 
31 
  useEffect(() => {
32 
    fetchInvitations();
33 
  }, []);
34 
 
35 
  const fetchInvitations = async (searchValue='') => {
36 
    setLoading(true);
37 
    await axios
38 
      .get("/connection/invitations-received?search="+searchValue)
39 
      .then((response) => {
40 
        const resData = response.data;
41 
        if (resData.success) {
42 
          setInvitationsReceived(resData.data);
43 
        }
44 
      });
45 
    setLoading(false);
46 
  };
47 
 
48 
  return (
49 
    <section className="companies-info">
50 
      <div className="container">
1573 steven 51 
        <SearchList
52 
          title="Invitaciones Recibidas"
53 
          fetchCallback={fetchInvitations}
54 
        />
1 www 55 
 
56 
        <div className="companies-list">
57 
          <div
58 
            className="row"
59 
            id="profiles-container"
60 
            style={{
61 
              position: "relative",
62 
              padding: "0 15px",
63 
            }}
64 
          >
65 
            {invitationsReceived.length > 0 ? (
66 
              invitationsReceived.map(
67 
                ({ name, image, link_approve, link_reject, link_view }, id) => (
1574 steven 68 
                  <Profile
69 
                    key={id}
1 www 70 
                    image={image}
71 
                    name={name}
1575 steven 72 
                    link_approve={link_approve}
73 
                    link_reject={link_reject}
1 www 74 
                    link_view={link_view}
1574 steven 75 
                    fetchCallback={fetchInvitations}
1 www 76 
                  />
77 
                )
78 
              )
79 
            ) : (
80 
              <p>No hay resultados</p>
81 
            )}
82 
            {loading ? (
83 
              <StyledSpinnerContainer>
84 
                <Spinner />
85 
              </StyledSpinnerContainer>
86 
            ) : (
87 
              ""
88 
            )}
89 
          </div>
90 
          {/* <!--product-feed-tab end--> */}
91 
        </div>
92 
      </div>
93 
    </section>
94 
  );
95 
};
96 
 
97 
const mapDispatchToProps = {
98 
  addNotification: (notification) => addNotification(notification),
99 
};
100 
 
101 
export default connect(null, mapDispatchToProps)(InvitationsReceived);