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) => {

                <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