Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 13044 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 13044 Rev 15804
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from "react";
Línea 2... Línea 2...
2 
 
 2 
 
- 
 
 3 
const MessageBarHead = ({ selectedConversation, handleShowConversation }) => {
Línea 3... Línea -...
3 
const MessageBarHead = ({ selectedConversation, handleShowConversation }) => {
 - 
 
4 
 
 - 
 
5 
    const [showOptions, setShowOptions] = useState(false)
 4 
  const [showOptions, setShowOptions] = useState(false);
6 
 
 5 
 
7 
    return (
 6 
  return (
8 
        <div className="message-bar-head">
 7 
    <div className="message-bar-head">
9 
            <div className="usr-msg-details border-none">
 8 
      <div className="usr-msg-details">
10 
                <i
 9 
        <i
11 
                    className="fas fa-angle-left icon msgs-hide"
 10 
          className="fas fa-angle-left icon msgs-hide"
12 
                    onClick={() => handleShowConversation(false)}
 11 
          onClick={() => handleShowConversation(false)}
13 
                ></i>
 - 
 
14 
                <div className="usr-ms-img">
 12 
        ></i>
15 
                    {
 - 
 
16 
                        selectedConversation.image && (
 - 
 
17 
                            <img src={selectedConversation.image} alt={`${selectedConversation.name} avatars`} />
 - 
 
18 
                        )
 13 
        <div className="usr-ms-img">
19 
                    }
 14 
          {selectedConversation.image && (
20 
                </div>
 15 
            <img
21 
                <div className="usr-mg-info">
 16 
              src={selectedConversation.image}
22 
                    <h3>{selectedConversation.name}</h3>
 17 
              alt={`${selectedConversation.name} avatars`}
23 
                </div>
 - 
 
24 
            </div>
 - 
 
25 
            <div className="ed-opts" onClick={() => setShowOptions(!showOptions)}>
 - 
 
26 
                <i className="la la-ellipsis-v icon"></i>
 - 
 
27 
                <ul className={showOptions ? "ed-options active" : "ed-options"}>
 - 
 
28 
                    <li>
 18 
            />
29 
                        <a href="#" className="btn-clean-messages" title="">Limpiar </a>
 19 
          )}
30 
                    </li>
 20 
        </div>
31 
                    <li>
 - 
 
32 
                        <a href="#" className="btn-delete-conversation" title="">Borrar</a>
 - 
 
33 
                    </li>
 - 
 
34 
                    <li>
 - 
 
35 
                        <a href="#" className="btn-block-user" title="">Bloquear</a>
 - 
 
36 
                    </li>
 - 
 
37 
                </ul>
 21 
        <div className="usr-mg-info">
38 
            </div>
 - 
 
39 
        </div>
 - 
 
40 
    )
 - 
 
41 
}
 22 
          <h3>{selectedConversation.name}</h3>
- 
 
 23 
        </div>
- 
 
 24 
      </div>
- 
 
 25 
      <div className="ed-opts" onClick={() => setShowOptions(!showOptions)}>
- 
 
 26 
        <i className="la la-ellipsis-v icon"></i>
- 
 
 27 
        <ul className={showOptions ? "ed-options active" : "ed-options"}>
- 
 
 28 
          <li>
- 
 
 29 
            <a href="#" className="btn-clean-messages" title="">
- 
 
 30 
              Limpiar{" "}
- 
 
 31 
            </a>
- 
 
 32 
          </li>
- 
 
 33 
          <li>
- 
 
 34 
            <a href="#" className="btn-delete-conversation" title="">
- 
 
 35 
              Borrar
- 
 
 36 
            </a>
- 
 
 37 
          </li>
- 
 
 38 
          <li>
- 
 
 39 
            <a href="#" className="btn-block-user" title="">
- 
 
 40 
              Bloquear
- 
 
 41 
            </a>
- 
 
 42 
          </li>
- 
 
 43 
        </ul>
- 
 
 44 
      </div>
- 
 
 45 
    </div>
- 
 
 46 
  );
- 
 
 47 
};