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">

        <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;