Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2113 Rev 2384
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 Entity from "./entity/Entity";
 9 
import Entity from "./entity/Entity";
10 
import Profile from "../../../components/Profile";
 10 
import Profile from "../../../components/Profile";
11 
import SearchList from "../../../components/SearchList";
 11 
import SearchList from "../../../components/SearchList";
Línea 25... Línea 25...
25 
 
 25 
 
26 
const MyConnections = (props) => {
 26 
const MyConnections = (props) => {
27 
  // states
 27 
  // states
28 
  const [myConnections, setMyConnections] = useState([]);
 28 
  const [myConnections, setMyConnections] = useState([]);
29 
  const [loading, setLoading] = useState(true);
 29 
  const [loading, setLoading] = useState(true);
30
30 
 
31 
  useEffect(() => {
 31 
  useEffect(() => {
32 
    fetchMyConnections();
 32 
    fetchMyConnections();
Línea 33... Línea 33...
33 
  }, []);
 33 
  }, []);
34 
 
 34 
 
35 
  const fetchMyConnections = async (searchParam='') => {
 35 
  const fetchMyConnections = async (searchParam = '') => {
36 
    setLoading(true);
 36 
    setLoading(true);
37 
    await axios
 37 
    await axios
38 
      .get(
 38 
      .get(
39 
        "/connection/my-connections?search="+searchParam)
 39 
        "/connection/my-connections?search=" + searchParam)
40 
      .then((response) => {
 40 
      .then((response) => {
41 
        const resData = response.data;
 41 
        const resData = response.data;
42 
        if (resData.success) {
 42 
        if (resData.success) {
Línea 51... Línea 51...
51 
      <div className="container">
 51 
      <div className="container">
52 
        <SearchList
 52 
        <SearchList
53 
          title="Personas con Relación directa, de 1er nivel"
 53 
          title="Personas con Relación directa, de 1er nivel"
54 
          fetchCallback={fetchMyConnections}
 54 
          fetchCallback={fetchMyConnections}
55 
        />
 55 
        />
56 
 
 - 
 
57 
        <div className="companies-list">
 - 
 
58 
          <div
 56 
        <div
59 
            className="row"
 57 
          className="companies-list"
60 
            id="profiles-container"
 58 
          id="profiles-container"
61 
            style={{
 - 
 
62 
              position: "relative",
 59 
          style={{ position: "relative", padding: "0 15px" }}
63 
              padding: "0 15px",
 - 
 
64 
            }}
 - 
 
65 
          >
 60 
        >
66 
            {myConnections.length > 0 ? (
 61 
          {myConnections.length > 0 ? (
67 
              myConnections.map(
 62 
            myConnections.map(
68 
                (
 63 
              (
69 
                  {
 64 
                {
70 
                    image,
 65 
                  image,
71 
                    name,
 66 
                  name,
72 
                    link_view,
 67 
                  link_view,
73 
                    link_inmail,
 68 
                  link_inmail,
74 
                    link_cancel,
 69 
                  link_cancel,
75 
                    link_block,
 70 
                  link_block,
76 
                  },
 71 
                },
77 
                  id
 72 
                id
78 
                ) => (
 73 
              ) => (
79 
                  <Profile
 74 
                <Profile
80 
                    isTopData
 75 
                  isTopData
81 
                    key={id}
 76 
                  key={id}
82 
                    image={image}
 77 
                  image={image}
83 
                    name={name}
 78 
                  name={name}
84 
                    link_inmail={link_inmail}
 79 
                  link_inmail={link_inmail}
85 
                    link_view={link_view}
 80 
                  link_view={link_view}
86 
                    link_cancel={link_cancel}
 81 
                  link_cancel={link_cancel}
87 
                    link_block={link_block}
 82 
                  link_block={link_block}
88 
                    fetchCallback={fetchMyConnections}
 83 
                  fetchCallback={fetchMyConnections}
89 
                  />
 84 
                />
90 
                )
 - 
 
91 
              )
 85 
              )
- 
 
 86 
            )
92 
            ) : (
 87 
          ) : (
93 
              <p>No hay resultados</p>
 88 
            <p>No hay resultados</p>
94 
            )}
 89 
          )}
95 
            {loading && (
 90 
          {loading && (
96 
              <StyledSpinnerContainer>
 91 
            <StyledSpinnerContainer>
97 
                <Spinner />
 92 
              <Spinner />
98 
              </StyledSpinnerContainer>
 93 
            </StyledSpinnerContainer>
99 
            )}
 94 
          )}
100 
          </div>
 - 
 
101 
          {/* <!--product-feed-tab end--> */}
 - 
 
102 
        </div>
 95 
        </div>
103 
      </div>
 96 
      </div>
104 
    </section>
 97 
    </section>
105 
  );
 98 
  );
106 
};
 99 
};