Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 764 Rev 765
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 }) => {
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages }) => {
- 
 
 4 
    const [text, setText] = React.useState('')
- 
 
 5 
    const reverseMessages = [...messages]
4 
    const [text, setText] = React.useState('')
 6 
 
5 
    const handleScroll = (event) => {
 7 
    const handleScroll = (event) => {
6 
        const node = event.target;
 8 
        const node = event.target;
7 
        if (node.clientHeight >= (node.scrollHeight * .62)) {
 9 
        if (node.clientHeight >= (node.scrollHeight * .62)) {
8 
            getMoreMessages()
 10 
            getMoreMessages()
Línea 61... Línea 63...
61 
                            >
 63 
                            >
62 
                                {
 64 
                                {
63 
                                    (messages)
 65 
                                    (messages)
64 
                                    &&
 66 
                                    &&
65 
                                    (
 67 
                                    (
66 
                                        messages.map((element, i) => {
 68 
                                        reverseMessages.map((element, i) => {
67 
                                            const isLeft = element.side === 'left'
 69 
                                            const isLeft = element.side === 'left'
68 
                                            return (
 70 
                                            return (
69 
                                                <div
 71 
                                                <div
70 
                                                    className={"main-message-box " + (isLeft ? 'st3' : 'ta-right')}
 72 
                                                    className={"main-message-box " + (isLeft ? 'st3' : 'ta-right')}
71 
                                                    key={element.message}
 73 
                                                    key={element.message}