Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 828 Rev 835
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
Línea 2... Línea 2...
2 
 
 2 
 
- 
 
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages }) => {
 4 
 
Línea 4... Línea 5...
4 
    const [text, setText] = React.useState('')
 5 
    const [text, setText] = React.useState('')
5 
 
 6 
 
6 
    const handleScroll = (event) => {
 7 
    const handleScroll = (event) => {
Línea 29... Línea 30...
29 
                        <React.Fragment>
 30 
                        <React.Fragment>
30 
                            <div
 31 
                            <div
31 
                                className="message-bar-head"
 32 
                                className="message-bar-head"
32 
                            >
 33 
                            >
33 
                                <div className="usr-msg-details">
 34 
                                <div className="usr-msg-details">
- 
 
 35 
                                    <i
- 
 
 36 
                                    className="fas fa-angle-left icon"
- 
 
 37 
                                    onClick={handleShowConversation(false)}
- 
 
 38 
                                    ></i>
34 
                                    <div className="usr-ms-img">
 39 
                                    <div className="usr-ms-img">
35 
                                        <img src={selectedConversation.image} alt={`${selectedConversation.name} avatars`} />
 40 
                                        <img src={selectedConversation.image} alt={`${selectedConversation.name} avatars`} />
36 
                                    </div>
 41 
                                    </div>
37 
                                    <div className="usr-mg-info">
 42 
                                    <div className="usr-mg-info">
38 
                                        <h3>{selectedConversation.name}</h3>
 43 
                                        <h3>{selectedConversation.name}</h3>
Línea 47... Línea 52...
47 
                                        <li><a href="#" className="btn-block-user" title="">Bloquear</a></li>
 52 
                                        <li><a href="#" className="btn-block-user" title="">Bloquear</a></li>
48 
                                    </ul>
 53 
                                    </ul>
49 
                                </div>
 54 
                                </div>
50 
                            </div>
 55 
                            </div>
51 
                            <div
 56 
                            <div
52 
                                className="messages-line overflow-auto"
 57 
                                className="messages-line"
53 
                                style={{
 - 
 
54 
                                    display: 'flex',
 - 
 
55 
                                    flexDirection: 'column-reverse',
 - 
 
56 
                                    backgroundColor: 'white'
 - 
 
57 
                                }}
 - 
 
58 
                                ref={paneDidMount}
 58 
                                ref={paneDidMount}
59 
                            >
 59 
                            >
60 
                                {
 60 
                                {
61 
                                    (messages)
 61 
                                    (messages)
62 
                                    &&
 62 
                                    &&