Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import ContactItem from './ContactItem'

const ContactsList = ({ contacts, groups, activeTab, selectConversation }) => {
    return (
        <div className="contacts-list">
            <ul>
                {activeTab === "user" && contacts.map((contact) => (
                    <li key={contact.id}>
                        <ContactItem contact={contact} onClick={selectConversation} />
                    </li>
                ))}
                {activeTab === "group" && groups.map((contact) => (
                    <li key={contact.id}>
                        <ContactItem contact={contact} onClick={selectConversation} />
                    </li>
                ))}
            </ul>
        </div>
    )
}

export default ContactsList