Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

const MessageBarHead = ({ selectedConversation, handleShowConversation }) => {

    const [showOptions, setShowOptions] = useState(false)

    return (
        <div className="message-bar-head">
            <div className="usr-msg-details border-none">
                <i
                    className="fas fa-angle-left icon msgs-hide"
                    onClick={() => handleShowConversation(false)}
                ></i>
                <div className="usr-ms-img">
                    {
                        selectedConversation.image && (
                            <img src={selectedConversation.image} alt={`${selectedConversation.name} avatars`} />
                        )
                    }
                </div>
                <div className="usr-mg-info">
                    <h3>{selectedConversation.name}</h3>
                </div>
            </div>
            <div className="ed-opts" onClick={() => setShowOptions(!showOptions)}>
                <i className="la la-ellipsis-v icon"></i>
                <ul className={showOptions ? "ed-options active" : "ed-options"}>
                    <li>
                        <a href="#" className="btn-clean-messages" title="">Limpiar </a>
                    </li>
                    <li>
                        <a href="#" className="btn-delete-conversation" title="">Borrar</a>
                    </li>
                    <li>
                        <a href="#" className="btn-block-user" title="">Bloquear</a>
                    </li>
                </ul>
            </div>
        </div>
    )
}
export default MessageBarHead