Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { useSelector } from 'react-redux'

import Spinner from '@components/UI/Spinner'

import EmptySection from '@components/UI/EmptySection'

import ProfileItem from '@components/profile/ProfileItem'

export default function CompanyInvitationsReceivedList({

  companies = [],

  loading,

  onComplete

}) {

  const labels = useSelector(({ intl }) => intl.labels)

  if (loading) {

    return <Spinner />

  }

  if (!companies.length) {

    return <EmptySection align='left' message={labels.datatable_szerorecords} />

  }

  return (

    <ul className='companies-list'>

      {companies.map(({ id, link_my_company, ...rest }) => (

        <ProfileItem

          key={id}

          fetchCallback={onComplete}

          btnAcceptTitle={labels.view_company}

          btnCancelTitle={labels.request_cancel}

          {...rest}

        />

      ))}

    </ul>

  )

}