Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5135 Rev 5138
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
/* eslint-disable camelcase */
 2 
/* eslint-disable camelcase */
2 
import React, { useEffect, useState } from 'react'
 3 
import React, { useEffect, useState } from 'react'
3 
import { connect } from 'react-redux'
 4 
import { connect } from 'react-redux'
4 
import { debounce } from '../../../utils'
 5 
import { debounce } from '../../../utils'
5 
import { addNotification } from '../../../redux/notification/notification.actions'
 6 
import { addNotification } from '../../../redux/notification/notification.actions'
Línea 8... Línea 9...
8 
import SearchList from '../../../components/SearchList'
 9 
import SearchList from '../../../components/SearchList'
9 
import TitleSection from '../../../components/TitleSection'
 10 
import TitleSection from '../../../components/TitleSection'
10 
import EmptySection from '../../../shared/empty-section/EmptySection'
 11 
import EmptySection from '../../../shared/empty-section/EmptySection'
11 
import Spinner from '../../../shared/loading-spinner/Spinner'
 12 
import Spinner from '../../../shared/loading-spinner/Spinner'
Línea 12... Línea 13...
12 
 
 13 
 
13 
const InvitationsReceived = () => {
 14 
const InvitationsReceived = ({ addNotification }) => {
14 
  const [invitationsReceived, setInvitationsReceived] = useState([])
 15 
  const [invitationsReceived, setInvitationsReceived] = useState([])
Línea 15... Línea 16...
15 
  const [loading, setLoading] = useState(false)
 16 
  const [loading, setLoading] = useState(false)
16 
 
 17 
 
17 
  useEffect(() => {
 18 
  useEffect(() => {
Línea 18... Línea 19...
18 
    fetchInvitations()
 19 
    fetchInvitations()
19 
  }, [])
 20 
  }, [])
20 
 
 21 
 
- 
 
 22 
  const fetchInvitations = async (searchValue = '') => {
- 
 
 23 
    setLoading(true)
- 
 
 24 
    const response = await searchEntities('connection/invitations-received', searchValue)
- 
 
 25 
 
- 
 
 26 
    if (!response.success) {
- 
 
 27 
      addNotification({ style: 'danger', msg: response.data })
- 
 
 28 
      setLoading(false)
21 
  const fetchInvitations = async (searchValue = '') => {
 29 
      return
22 
    setLoading(true)
 30 
    }
23 
    const response = await searchEntities('connection/invitations-received', searchValue)
 31 
 
Línea 24... Línea 32...
24 
    if (response.success) setInvitationsReceived(response.data)
 32 
    setInvitationsReceived(response.data)
Línea 25... Línea 33...
25 
    setLoading(false)
 33 
    setLoading(false)
26 
  }
 34 
  }
27 
 
 35 
 
28 
  const handleSearch = (value) => debounce(fetchInvitations(value), 500)
 36 
  const handleSearch = (value) => debounce(fetchInvitations(value), 500)
29 
 
 37 
 
30 
  return (
 38 
  return (
31 
    <section className="companies-info container">
 39 
    <section className="companies-info container">
32 
        <TitleSection title={LABELS.INVITATIONS_RECEIVED}/>
 40 
      <TitleSection title={LABELS.INVITATIONS_RECEIVED} />
33 
        <SearchList onChange={handleSearch}/>
 41 
      <SearchList onChange={handleSearch} />
34 
        <div className="companies-list">
 42 
      <div className="companies-list">
35 
        {loading
 43 
        {loading && <Spinner />}
36 
          ? <Spinner />
 44 
        {(!loading && !invitationsReceived) && <EmptySection align='left' message={LABELS.DATATABLE_SZERORECORDS} />}
37 
          : invitationsReceived.length
 45 
        {(!loading && invitationsReceived.length) &&
38 
            ? invitationsReceived.map(({ name, image, link_approve, link_reject, link_view }, id) =>
 46 
          invitationsReceived.map(({ name, image, link_approve, link_reject, link_view }, id) =>
39 
                <Profile
 47 
            <Profile
40 
                  key={id}
 48 
              key={id}
41 
                  image={image}
 49 
              image={image}
42 
                  name={name}
 - 
 
43 
                  link_approve={link_approve}
 50 
              name={name}
44 
                  link_reject={link_reject}
 - 
 
45 
                  link_view={link_view}
 51 
              link_approve={link_approve}
46 
                  fetchCallback={fetchInvitations}
 52 
              link_reject={link_reject}
47 
                />
 53 
              link_view={link_view}
48 
            )
 54 
              fetchCallback={fetchInvitations}
49 
            : <EmptySection align='left' message={LABELS.DATATABLE_SZERORECORDS} />
 55 
            />
Línea 50... Línea 56...
50 
        }
 56 
          )}