Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import { useSelector } from 'react-redux'

import ContactItem from './ContactItem'
import EmptySection from '../../UI/EmptySection'

const ContactsList = ({ contacts = [], selectConversation = () => null }) => {
  const labels = useSelector(({ intl }) => intl.labels)

  return (
    <div className="contacts-list">
      <ul>
        {!contacts.length ? (
          <EmptySection message={labels.datatable_szerorecords} />
        ) : (
          contacts.map((contact) => (
            <li key={contact.id}>
              <ContactItem contact={contact} onClick={selectConversation} />
            </li>
          ))
        )}
      </ul>
    </div>
  )
}

export default ContactsList