Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 921 Rev 922
Línea 18... Línea 18...
18 
        if (lastMessage.current) {
 18 
        if (lastMessage.current) {
19 
            observer.observe(lastMessage.current)
 19 
            observer.observe(lastMessage.current)
20 
        }
 20 
        }
21 
    }, [messages]);
 21 
    }, [messages]);
Línea 22... Línea 22...
22 
 
 22 
 
23 
    useEffect(() => {
 23 
    /* useEffect(() => {
24 
        if (messagesLine.current) {
 24 
        if (messagesLine.current) {
25 
            messagesLine.current.scrollTop = messagesLine.current.scrollHeight
 - 
 
26 
            console.log(messagesLine.current.scrollHeight)
 25 
            messagesLine.current.scrollTop = messagesLine.current.scrollHeight;
27 
        }
 26 
        }
Línea 28... Línea 27...
28 
    }, [selectedConversation]);
 27 
    }, [messages]); */
29 
 
 28 
 
30 
    return (
 29 
    return (
31 
        <React.Fragment>
 30 
        <React.Fragment>
Línea 86... Línea 85...
86 
                            >
 85 
                            >
87 
                                {
 86 
                                {
88 
                                    (messages)
 87 
                                    (messages)
89 
                                    &&
 88 
                                    &&
90 
                                    (
 89 
                                    (
91 
                                        [...messages].reverse().map((element, i) => {
 90 
                                        messages.map((element, i) => {
92 
                                            const isLeft = element.side === 'left'
 91 
                                            const isLeft = element.side === 'left'
93 
                                            return (
 92 
                                            return (
94 
                                                <div
 93 
                                                <div
95 
                                                    className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
 94 
                                                    className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
96 
                                                    key={element.message}
 95 
                                                    key={element.message}
Línea 117... Línea 116...
117 
                                                </div>
 116 
                                                </div>
118 
                                            )
 117 
                                            )
119 
                                        }
 118 
                                        }
120 
                                        ))
 119 
                                        ))
121 
                                }
 120 
                                }
122 
 
 - 
 
- 
 
 121 
                                <hr ref={lastMessage} />
123 
                            </div>
 122 
                            </div>
124 
                            <div className="message-send-area">
 123 
                            <div className="message-send-area">
125 
                                <form id="form-send-message" name="form-send-message"
 124 
                                <form id="form-send-message" name="form-send-message"
126 
                                    onSubmit={e => {
 125 
                                    onSubmit={e => {
127 
                                        e.preventDefault()
 126 
                                        e.preventDefault()