Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable camelcase */

/* eslint-disable react/prop-types */

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

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

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

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

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

const InvitationsReceived = () => {

  const [companies, setCompanies] = useState([])

  const [loading, setLoading] = useState(true)

  const axiosThrottle = null

  useEffect(() => {

    fetchCompanies()

    return () => {

      clearTimeout(axiosThrottle)

    }

  }, [])

  const fetchCompanies = (searchParam = '') => {

    setLoading(true)

    axios

      .get('/company/invitations-received?search=' + searchParam)

      .then(({ data: response }) => {

        if (response.success) {

          setCompanies(response.data)

        }

      })

      .finally(() => setLoading(false))

    setLoading(false)

  }

  return (

    <section className="companies-info">

      <div className="container">

        <SearchList

          title={LABELS.invitation_received}

          fetchCallback={fetchCompanies}

        />

        <div className="companies-list position-relative">

          {loading && <Spinner />}

          {

            companies.length

              ? companies.map(({ image, name, link_view, link_reject, link_accept }, id) => (

                <Profile

                  key={id}

                  image={image}

                  name={name}

                  link_view={link_view}

                  link_reject={link_reject}

                  link_accept={link_accept}

                  fetchCallback={fetchCompanies}

                  btnAcceptTitle='Ver Empresa'

                />

              ))

              : <div style={{ margin: 'auto', textAlign: 'center' }}>

                {LABELS.not_found}

              </div>

          }

        </div>

      </div>

    </section>

  )

}

export default InvitationsReceived