Proyectos de Subversion LeadersLinked - Backend

import React from 'react'

export default ({ conversations, onClick, selectedConversation }) => {
    return (
        <div className="messages-list">
            <ul>
                {
                    conversations
                        ?
                        conversations.map((element, i) => {
                            return (
                                <li
                                    id={i}
                                    className={selectedConversation === element && "active"}
                                    onClick={() => onClick(element)}
                                >
                                    <div classNa me="usr-msg-details">
                                        <div className="usr-ms-img">
                                            {
                                                element.image &&
                                                <a href={element.image}
                                                    target='_blank'
                                                >
                                                    <img src={element.image} alt={element.name} />
                                                </a>
                                            }
                                        </div>
                                        <div className="usr-mg-info">
                                            <h3>
                                                {element.name}
                                            </h3>
                                        </div>
                                        <div className={element.online ? 'online-btn' : 'offline-btn'}>
                                            <span>{element.online ? 'Online' : 'Offline'}</span>
                                            <i></i>
                                        </div>
                                    </div>
                                </li>
                            )
                        })
                        :
                        <li className="active">
                            <div className="usr-msg-details">
                                <div className="usr-mg-info">
                                    <h3>Sin conversaciones</h3>
                                </div>
                            </div>
                        </li>
                }
            </ul>
        </div>
    )
}