Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 928 | Rev 1129 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 928 Rev 1128
Línea 1... Línea 1...
1 
import React, { useEffect, useRef, useState } from 'react'
 1 
import React, { useEffect, useRef, useState } from 'react'
Línea 2... Línea 2...
2 
 
 2 
 
Línea 3... Línea 3...
3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
- 
 
 4 
 
4 
 
 5 
    const [text, setText] = useState('')
5 
    const [text, setText] = useState('')
 6 
    const [showOptions, setShowOptions] = useState(false)
Línea 6... Línea 7...
6 
    const lastMessage = useRef(null);
 7 
    const lastMessage = useRef(null);
7 
    const messagesLine = useRef(null);
 8 
    const messagesLine = useRef(null);
Línea 26... Línea 27...
26 
                {
 27 
                {
27 
                    !selectedConversation
 28 
                    !selectedConversation
28 
                        ?
 29 
                        ?
29 
                        <div className='message-select-conversation'>
 30 
                        <div className='message-select-conversation'>
30 
                            <div className='msgs-select-container'>
 31 
                            <div className='msgs-select-container'>
31 
                                <i className='fas fa-inbox icon'/>
 32 
                                <i className='fas fa-inbox icon' />
32 
                                <h3>
 33 
                                <h3>
33 
                                    Selecciona una conversación
 34 
                                    Selecciona una conversación
34 
                                </h3>
 35 
                                </h3>
35 
                            </div>
 36 
                            </div>
36 
                        </div>
 37 
                        </div>
Línea 52... Línea 53...
52 
                                        <p>Online</p>
 53 
                                        <p>Online</p>
53 
                                    </div>
 54 
                                    </div>
54 
                                </div>
 55 
                                </div>
55 
                                <div className="ed-opts">
 56 
                                <div className="ed-opts">
56 
                                    <i className="la la-ellipsis-v icon"></i>
 57 
                                    <i className="la la-ellipsis-v icon"></i>
- 
 
 58 
                                    <ul className={showOptions ? "ed-options active" : "ed-options"}>
57 
                                    <ul className="ed-options">
 59 
                                        <li>
58 
                                        <li><a href="#" className="btn-clean-messages" title="">Limpiar </a></li>
 60 
                                            <a href="#" className="btn-clean-messages" title="">Limpiar </a>
- 
 
 61 
                                        </li>
- 
 
 62 
                                        <li>
59 
                                        <li><a href="#" className="btn-delete-conversation" title="">Borrar</a></li>
 63 
                                            <a href="#" className="btn-delete-conversation" title="">Borrar</a>
- 
 
 64 
                                        </li>
- 
 
 65 
                                        <li>
60 
                                        <li><a href="#" className="btn-block-user" title="">Bloquear</a></li>
 66 
                                            <a href="#" className="btn-block-user" title="">Bloquear</a>
- 
 
 67 
                                        </li>
61 
                                    </ul>
 68 
                                    </ul>
62 
                                </div>
 69 
                                </div>
63 
                            </div>
 70 
                            </div>
64 
                            <div
 71 
                            <div
65 
                                className="messages-line"
 72 
                                className="messages-line"