Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 918 Rev 919
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;
 25 
            messagesLine.current.scrollTop = messagesLine.current.scrollHeight
26 
        }
 26 
        }
Línea 27... Línea 27...
27 
    }, [messages]); */
 27 
    }, []);
28 
 
 28 
 
29 
    return (
 29 
    return (
30 
        <React.Fragment>
 30 
        <React.Fragment>
Línea 81... Línea 81...
81 
                            </div>
 81 
                            </div>
82 
                            <div
 82 
                            <div
83 
                                className="messages-line"
 83 
                                className="messages-line"
84 
                                ref={messagesLine}
 84 
                                ref={messagesLine}
85 
                            >
 85 
                            >
86 
                                <hr ref={lastMessage}/>
 86 
                                <hr ref={lastMessage} />
87 
                                {
 87 
                                {
88 
                                    (messages)
 88 
                                    (messages)
89 
                                    &&
 89 
                                    &&
90 
                                    (
 90 
                                    (
91 
                                        messages.map((element, i) => {
 91 
                                        [...messages].reverse().map((element, i) => {
92 
                                            const isLeft = element.side === 'left'
 92 
                                            const isLeft = element.side === 'left'
93 
                                            return (
 93 
                                            return (
94 
                                                <div
 94 
                                                <div
95 
                                                    className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
 95 
                                                    className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
96 
                                                    key={element.message}
 96 
                                                    key={element.message}