Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable camelcase */
import React, { useEffect, useState } from 'react'
import { axios } from '../../../utils'
import { connect } from 'react-redux'
import { addNotification } from '../../../redux/notification/notification.actions'
import Profile from '../../../components/Profile'
import SearchList from '../../../components/SearchList'
import Spinner from '../../../shared/loading-spinner/Spinner'
import EmptySection from '../../../shared/empty-section/EmptySection'
import TitleSection from '../../../components/TitleSection'

const InvitationsReceived = () => {
  const [invitationsReceived, setInvitationsReceived] = useState([])
  const [loading, setLoading] = useState(false)

  useEffect(() => {
    fetchInvitations()
  }, [])

  const fetchInvitations = async (searchValue = '') => {
    setLoading(true)
    await axios
      .get('/connection/invitations-received?search=' + searchValue)
      .then(({ data: response }) => {
        if (response.success) setInvitationsReceived(response.data)
      })
    setLoading(false)
  }

  return (
    <section className="companies-info container">
        <TitleSection title={LABELS.INVITATIONS_RECEIVED}/>
        <SearchList onChange={fetchInvitations}/>
        <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} />}
          {loading && <Spinner />}
        </div>
    </section>
  )
}

const mapDispatchToProps = {
  addNotification: (notification) => addNotification(notification)
}

export default connect(null, mapDispatchToProps)(InvitationsReceived)