Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1572 Rev 2390
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 { addNotification } from "../../../redux/notification/notification.actions";
7
import { addNotification } from "../../../redux/notification/notification.actions";
8
import Spinner from "../../../shared/loading-spinner/Spinner";
8
import Spinner from "../../../shared/loading-spinner/Spinner";
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-sent?search="+searchValue)
38
      .get("/connection/invitations-sent?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 51... Línea 51...
51
        <SearchList
51
        <SearchList
52
          title="Invitaciones Enviadas"
52
          title="Invitaciones Enviadas"
53
          fetchCallback={fetchInvitations}
53
          fetchCallback={fetchInvitations}
54
        />
54
        />
Línea 55... Línea -...
55
 
-
 
56
        <div className="companies-list">
55
 
57
          <div
56
        <div
58
            className="row"
57
          className="companies-list"
59
            id="profiles-container"
-
 
60
            style={{
58
          id="profiles-container"
61
              position: "relative",
-
 
62
              padding: "0 15px",
-
 
63
            }}
59
          style={{ position: "relative", padding: "0 15px", }}
64
          >
60
        >
65
            {sentInvitations.length > 0 ? (
61
          {sentInvitations.length > 0 ? (
66
              sentInvitations.map(
62
            sentInvitations.map(
67
                ({ name, image, link_delete, link_view }, id) => (
63
              ({ name, image, link_delete, link_view }, id) => (
68
                  <Profile
64
                <Profile
69
                    image={image}
65
                  image={image}
70
                    name={name}
66
                  name={name}
71
                    link_delete={link_delete}
67
                  link_delete={link_delete}
72
                    link_view={link_view}
68
                  link_view={link_view}
73
                    key={id}
69
                  key={id}
74
                    fetchCallback={fetchInvitations}
70
                  fetchCallback={fetchInvitations}
75
                  />
-
 
76
                )
71
                />
-
 
72
              )
77
              )
73
            )
78
            ) : (
74
          ) : (
79
              <p>No hay resultados</p>
75
            <p>No hay resultados</p>
80
            )}
76
          )}
81
            {loading ? (
77
          {loading ? (
82
              <StyledSpinnerContainer>
78
            <StyledSpinnerContainer>
83
                <Spinner />
79
              <Spinner />
84
              </StyledSpinnerContainer>
80
            </StyledSpinnerContainer>
85
            ) : (
81
          ) : (
86
              ""
82
            ""
87
            )}
-
 
88
          </div>
-
 
89
          {/* <!--product-feed-tab end--> */}
83
          )}
90
        </div>
84
        </div>
91
      </div>
85
      </div>
92
    </section>
86
    </section >
93
  );
87
  );
Línea 94... Línea 88...
94
};
88
};
95
 
89