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;