Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1575 Rev 2393
Línea 1... Línea 1...
1 
import React from "react";
 1 
import React from "react";
2 
import { useEffect, useState } from "react";
 2 
import { useEffect, useState } from "react";
3 
import { connect } from "react-redux";
 3 
import { connect } from "react-redux";
4 
import { useForm } from "react-hook-form";
 4 
import { useForm } from "react-hook-form";
5 
import styled from "styled-components";
 5 
import styled from "styled-components";
6 
import {axios} from "../../../utils";
 6 
import { axios } from "../../../utils";
7 
import Spinner from "../../../shared/loading-spinner/Spinner";
 7 
import Spinner from "../../../shared/loading-spinner/Spinner";
8 
import { addNotification } from "../../../redux/notification/notification.actions";
 8 
import { addNotification } from "../../../redux/notification/notification.actions";
9 
import Invitation from "./invitation/Invitation";
 9 
import Invitation from "./invitation/Invitation";
10 
import SearchList from "../../../components/SearchList";
 10 
import SearchList from "../../../components/SearchList";
11 
import Profile from "../../../components/Profile";
 11 
import Profile from "../../../components/Profile";
Línea 30... Línea 30...
30 
 
 30 
 
31 
  useEffect(() => {
 31 
  useEffect(() => {
32 
    fetchInvitations();
 32 
    fetchInvitations();
Línea 33... Línea 33...
33 
  }, []);
 33 
  }, []);
34 
 
 34 
 
35 
  const fetchInvitations = async (searchValue='') => {
 35 
  const fetchInvitations = async (searchValue = '') => {
36 
    setLoading(true);
 36 
    setLoading(true);
37 
    await axios
 37 
    await axios
38 
      .get("/connection/invitations-received?search="+searchValue)
 38 
      .get("/connection/invitations-received?search=" + searchValue)
39 
      .then((response) => {
 39 
      .then((response) => {
40 
        const resData = response.data;
 40 
        const resData = response.data;
41 
        if (resData.success) {
 41 
        if (resData.success) {
Línea 50... Línea 50...
50 
      <div className="container">
 50 
      <div className="container">
51 
        <SearchList
 51 
        <SearchList
52 
          title="Invitaciones Recibidas"
 52 
          title="Invitaciones Recibidas"
53 
          fetchCallback={fetchInvitations}
 53 
          fetchCallback={fetchInvitations}
54 
        />
 54 
        />
55 
 
 - 
 
56 
        <div className="companies-list">
 - 
 
57 
          <div
 55 
        <div
58 
            className="row"
 56 
          className="companies-list"
59 
            id="profiles-container"
 57 
          id="profiles-container"
60 
            style={{
 - 
 
61 
              position: "relative",
 58 
          style={{ position: "relative", padding: "0 15px", }}
62 
              padding: "0 15px",
 - 
 
63 
            }}
 - 
 
64 
          >
 59 
        >
65 
            {invitationsReceived.length > 0 ? (
 60 
          {invitationsReceived.length > 0 ? (
66 
              invitationsReceived.map(
 61 
            invitationsReceived.map(
67 
                ({ name, image, link_approve, link_reject, link_view }, id) => (
 62 
              ({ name, image, link_approve, link_reject, link_view }, id) => (
68 
                  <Profile
 63 
                <Profile
69 
                    key={id}
 64 
                  key={id}
70 
                    image={image}
 65 
                  image={image}
71 
                    name={name}
 66 
                  name={name}
72 
                    link_approve={link_approve}
 67 
                  link_approve={link_approve}
73 
                    link_reject={link_reject}
 68 
                  link_reject={link_reject}
74 
                    link_view={link_view}
 69 
                  link_view={link_view}
75 
                    fetchCallback={fetchInvitations}
 70 
                  fetchCallback={fetchInvitations}
76 
                  />
 71 
                />
77 
                )
 - 
 
78 
              )
 72 
              )
- 
 
 73 
            )
79 
            ) : (
 74 
          ) : (
80 
              <p>No hay resultados</p>
 75 
            <p>No hay resultados</p>
81 
            )}
 76 
          )}
82 
            {loading ? (
 77 
          {loading ? (
83 
              <StyledSpinnerContainer>
 78 
            <StyledSpinnerContainer>
84 
                <Spinner />
 79 
              <Spinner />
85 
              </StyledSpinnerContainer>
 80 
            </StyledSpinnerContainer>
86 
            ) : (
 81 
          ) : (
87 
              ""
 82 
            ""
88 
            )}
 83 
          )}
89 
          </div>
 - 
 
90 
          {/* <!--product-feed-tab end--> */}
 - 
 
91 
        </div>
 84 
        </div>
92 
      </div>
 85 
      </div>
93 
    </section>
 86 
    </section>
94 
  );
 87 
  );
95 
};
 88 
};