Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

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