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">
      {!contacts.length ? (
        <EmptySection message={CHAT_LABELS.DATATABLE_SZERORECORDS} />
      ) : (
        <ul>
          {contacts.map((contact) => (
            <li>
              <ContactItem contact={contact} onClick={selectConversation} />
            </li>
          ))}
        </ul>
      )}
    </div>
  );
};

export default ContactsList;