Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'

export default ({conversations, onClick, selectedConversation}) => {
    return(
        <div className="messages-list">
            <ul>
                {
                    (conversations && conversations.length)
                    ?
                        conversations.map((element, i) => {
                            return(
                                <li
                                    id={i}
                                    className={(selectedConversation === element ? "active" : '') + 'd-flex align-items-center'}
                                    style={{
                                        padding: '.7rem'
                                    }}
                                    onClick={() => onClick(element)}
                                >
                                    <div className="usr-msg-details">
                                        <div className="usr-ms-img">
                                            <img src={element.image} alt={element.name} />
                                        </div>
                                        <div className="usr-mg-info">
                                            <h3>{element.name}</h3>
                                        </div>
                                        <span className="posted_time"> {element.last_message} </span>
                                        {
                                            !!element.count_unread &&  parseInt(element.count_unread) > 0 &&  (
                                                <span className="msg-notifc">
                                                    {element.count_unread}
                                                </span>
                                            )
                                        }
                                    </div>
                                </li>
                            )
                        })
                    :
                    <li className="active">
                        <div className="usr-msg-details">
                            <div className="usr-mg-info">
                                <h3>Sin conversaciones</h3>
                                {/* <p>Lorem ipsum dolor <img src="images/smley.png" alt="" /></p> */}
                            </div>
                        </div>
                    </li>

                }
            </ul>
        </div>
    )
}