Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 780 Rev 781
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('')
 - 
 
Línea 5... Línea 4...
5 
    const reverseMessages = [...messages]
 4 
    const [text, setText] = React.useState('')
6 
 
 5 
 
7 
    const handleScroll = (event) => {
 6 
    const handleScroll = (event) => {
8 
        const node = event.target;
 7 
        const node = event.target;
Línea 63... Línea 62...
63 
                            >
 62 
                            >
64 
                                {
 63 
                                {
65 
                                    (messages)
 64 
                                    (messages)
66 
                                    &&
 65 
                                    &&
67 
                                    (
 66 
                                    (
68 
                                        reverseMessages.map((element, i) => {
 67 
                                        messages.map((element, i) => {
69 
                                            const isLeft = element.side === 'left'
 68 
                                            const isLeft = element.side === 'left'
70 
                                            return (
 69 
                                            return (
71 
                                                <div
 70 
                                                <div
72 
                                                    className={"main-message-box " + (isLeft ? 'st3' : 'ta-right')}
 71 
                                                    className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
73 
                                                    key={element.message}
 72 
                                                    key={element.message}
74 
                                                >
 73 
                                                >
75 
                                                    <div className="messg-usr-img">
 74 
                                                    <div className="messg-usr-img">
76 
                                                        <img
 75 
                                                        <img
77 
                                                            src={element.sender_image}
 76 
                                                            src={element.sender_image}