Rev 5039 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
/* 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