Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2393 Rev 5129
Línea 1... Línea 1...
1 
import React from "react";
 1 
/* eslint-disable camelcase */
2 
import { useEffect, useState } from "react";
 2 
import React, { 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";
 3 
import { axios } from '../../../utils'
7 
import Spinner from "../../../shared/loading-spinner/Spinner";
 4 
import { connect } from 'react-redux'
8 
import { addNotification } from "../../../redux/notification/notification.actions";
 5 
import { addNotification } from '../../../redux/notification/notification.actions'
9 
import Invitation from "./invitation/Invitation";
 6 
import Profile from '../../../components/Profile'
10 
import SearchList from "../../../components/SearchList";
 7 
import SearchList from '../../../components/SearchList'
11 
import Profile from "../../../components/Profile";
 8 
import Spinner from '../../../shared/loading-spinner/Spinner'
12 
 
 - 
 
13 
const StyledSpinnerContainer = styled.div`
 9 
import EmptySection from '../../../shared/empty-section/EmptySection'
14 
  position: absolute;
 - 
 
15 
  left: 0;
 - 
 
16 
  top: 0;
 - 
 
17 
  width: 100%;
 - 
 
18 
  height: 100%;
 - 
 
19 
  background: rgba(255, 255, 255, 0.4);
 10 
import TitleSection from '../../../components/TitleSection'
20 
  display: flex;
 - 
 
21 
  justify-content: center;
 - 
 
22 
  align-items: center;
 - 
 
23 
  z-index: 300;
 - 
 
24 
`;
 - 
 
25 
 
 11 
 
26 
const InvitationsReceived = (props) => {
 12 
const InvitationsReceived = () => {
27 
  // states
 - 
 
28 
  const [invitationsReceived, setInvitationsReceived] = useState([]);
 13 
  const [invitationsReceived, setInvitationsReceived] = useState([])
29 
  const [loading, setLoading] = useState(false);
 14 
  const [loading, setLoading] = useState(false)
Línea 30... Línea 15...
30 
 
 15 
 
31 
  useEffect(() => {
 16 
  useEffect(() => {
32 
    fetchInvitations();
 17 
    fetchInvitations()
Línea 33... Línea 18...
33 
  }, []);
 18 
  }, [])
34 
 
 19 
 
35 
  const fetchInvitations = async (searchValue = '') => {
 20 
  const fetchInvitations = async (searchValue = '') => {
36 
    setLoading(true);
 21 
    setLoading(true)
37 
    await axios
 22 
    await axios
38 
      .get("/connection/invitations-received?search=" + searchValue)
 - 
 
39 
      .then((response) => {
 - 
 
40 
        const resData = response.data;
 23 
      .get('/connection/invitations-received?search=' + searchValue)
41 
        if (resData.success) {
 - 
 
42 
          setInvitationsReceived(resData.data);
 24 
      .then(({ data: response }) => {
43 
        }
 25 
        if (response.success) setInvitationsReceived(response.data)
44 
      });
 26 
      })
Línea 45... Línea 27...
45 
    setLoading(false);
 27 
    setLoading(false)
46 
  };
 28 
  }
47 
 
 - 
 
48 
  return (
 - 
 
49 
    <section className="companies-info">
 29 
 
50 
      <div className="container">
 30 
  return (
51 
        <SearchList
 - 
 
52 
          title="Invitaciones Recibidas"
 - 
 
53 
          fetchCallback={fetchInvitations}
 31 
    <section className="companies-info container">
54 
        />
 - 
 
55 
        <div
 - 
 
56 
          className="companies-list"
 - 
 
57 
          id="profiles-container"
 32 
        <TitleSection title={LABELS.INVITATIONS_RECEIVED}/>
58 
          style={{ position: "relative", padding: "0 15px", }}
 - 
 
59 
        >
 33 
        <SearchList onChange={fetchInvitations}/>
60 
          {invitationsReceived.length > 0 ? (
 34 
        <div className="companies-list">
61 
            invitationsReceived.map(
 35 
          {invitationsReceived.length
62 
              ({ name, image, link_approve, link_reject, link_view }, id) => (
 36 
            ? invitationsReceived.map(({ name, image, link_approve, link_reject, link_view }, id) =>
63 
                <Profile
 37 
                <Profile
64 
                  key={id}
 38 
                  key={id}
65 
                  image={image}
 39 
                  image={image}
66 
                  name={name}
 40 
                  name={name}
67 
                  link_approve={link_approve}
 41 
                  link_approve={link_approve}
68 
                  link_reject={link_reject}
 42 
                  link_reject={link_reject}
69 
                  link_view={link_view}
 - 
 
70 
                  fetchCallback={fetchInvitations}
 43 
                  link_view={link_view}
71 
                />
 - 
 
72 
              )
 - 
 
73 
            )
 - 
 
74 
          ) : (
 - 
 
75 
            <p>No hay resultados</p>
 44 
                  fetchCallback={fetchInvitations}
76 
          )}
 45 
                />
77 
          {loading ? (
 - 
 
78 
            <StyledSpinnerContainer>
 - 
 
79 
              <Spinner />
 - 
 
80 
            </StyledSpinnerContainer>
 - 
 
81 
          ) : (
 46 
            )
82 
            ""
 - 
 
83 
          )}
 47 
            : <EmptySection align='left' message={LABELS.DATATABLE_SZERORECORDS} />}
84 
        </div>
 48 
          {loading && <Spinner />}
85 
      </div>
 49 
        </div>
Línea 86... Línea 50...
86 
    </section>
 50 
    </section>
87 
  );
 51 
  )
88 
};
 52 
}
Línea 89... Línea 53...
89 
 
 53