Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable camelcase */

import React, { useEffect, useState } from 'react'

import { connect } from 'react-redux'

import { debounce } from '../../../utils'

import { addNotification } from '../../../redux/notification/notification.actions'

import { searchEntities } from '../../../services/search'

import Profile from '../../../components/Profile'

import SearchList from '../../../components/SearchList'

import TitleSection from '../../../components/TitleSection'

import EmptySection from '../../../shared/empty-section/EmptySection'

import Spinner from '../../../shared/loading-spinner/Spinner'

const InvitationsReceived = () => {

  const [invitationsReceived, setInvitationsReceived] = useState([])

  const [loading, setLoading] = useState(false)

  useEffect(() => {

    fetchInvitations()

  }, [])

  const fetchInvitations = async (searchValue = '') => {

    setLoading(true)

    const response = await searchEntities('connection/invitations-received', searchValue)

    if (response.success) setInvitationsReceived(response.data)

    setLoading(false)

  }

  const handleSearch = (value) => debounce(fetchInvitations(value), 500)

  if (loading) return <Spinner />

  return (

    <section className="companies-info container">

        <TitleSection title={LABELS.INVITATIONS_RECEIVED}/>

        <SearchList onChange={handleSearch}/>

        <div className="companies-list">

          {invitationsReceived.length

            ? invitationsReceived.map(({ name, image, link_approve, link_reject, link_view }, id) =>

                <Profile

                  key={id}

                  image={image}

                  name={name}

                  link_approve={link_approve}

                  link_reject={link_reject}

                  link_view={link_view}

                  fetchCallback={fetchInvitations}

                />

            )

            : <EmptySection align='left' message={LABELS.DATATABLE_SZERORECORDS} />}

        </div>

    </section>

  )

}

const mapDispatchToProps = {

  addNotification: (notification) => addNotification(notification)

}

export default connect(null, mapDispatchToProps)(InvitationsReceived)