Proyectos de Subversion LeadersLinked - Antes de SPA

/* 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='Sin registros' />
                    : contacts.map((contact) => (
                        <li key={contact.id}>
                            <ContactItem contact={contact} onClick={selectConversation} />
                        </li>
                    ))}
            </ul>
        </div>
    )
}

export default ContactsList