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)
    }


    return (
        <ul className='messages-list'>
            {conversations.reverse().map((element, i) => {
                <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