Proyectos de Subversion LeadersLinked - Backend

/* eslint-disable react/prop-types */
import React from 'react'
import EmptySection from '../../../shared/empty-section/EmptySection'
import ContactItem from './ContactItem'

const ContactsList = ({
  contacts = [],
  selectConversation = () => null
}) => {
  return (
        <div className="contacts-list">
            <ul>
                {!contacts.length
                  ? <EmptySection message={CHAT_LABELS.DATATABLE_SZERORECORDS} />
                  : contacts.map((contact) => (
                        <li key={contact.id}>
                            <ContactItem contact={contact} onClick={selectConversation} />
                        </li>
                  ))}
            </ul>
        </div>
  )
}

export default ContactsList