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'
import ProfileCardsGrid from '@components/UI/ProfileCardsGrid'

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 (
    <ProfileCardsGrid>
      {companies.map(({ id, link_my_company, ...rest }) => (
        <ProfileItem
          key={id}
          fetchCallback={onComplete}
          btnAcceptTitle={labels.view_company}
          btnCancelTitle={labels.request_cancel}
          {...rest}
        />
      ))}
    </ProfileCardsGrid>
  )
}