Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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