Proyectos de Subversion LeadersLinked - Antes de SPA

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

const Sidebar = ({
    conversations = [],
    selectedConversation = null,
    click = function () { },
    handleShowConversation = function () { }
}) => {

    const handleConversation = (element) => {
        handleShowConversation(true);
        click(element)
    }

    if (!conversations.length) {
        return <EmptySection message='Sin conversaciones' />
    }

    return (
        <ul className='messages-list'>
            {conversations.map((element, i) => {
                return (
                    <li key={i} onClick={() => handleConversation(element)}>
                        <div className={`usr-msg-details ${selectedConversation?.name === element.name && 'is_selected'}`}>
                            <div className="usr-ms-img">
                                <img src={element.image} alt={element.name} />
                            </div>
                            <div className="usr-mg-info">
                                <h3>{element.name}</h3>
                                {Number(element.count_unread) > 0 &&
                                    <p className="text-gray">
                                        {element.count_unread} mensajes nuevos | <span> {element.last_message} </span>
                                    </p>
                                }
                            </div>
                        </div>
                    </li>
                )
            })}
        </ul>
    )
}

export default Sidebar