Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 873 Rev 874
Línea 22... Línea 22...
22 
        observer.observe(messages[messages.length - 1])
 22 
        observer.observe(messages[messages.length - 1])
23 
    }, [messages]); */
 23 
    }, [messages]); */
Línea 24... Línea 24...
24 
 
 24 
 
25 
    useEffect(() => {
 25 
    useEffect(() => {
26 
        console.log(lastMessage)
 26 
        console.log(lastMessage)
Línea 27... Línea 27...
27 
    }, [lastMessage]);
 27 
    }, [text]);
28 
 
 28 
 
29 
    return (
 29 
    return (
30 
        <React.Fragment>
 30 
        <React.Fragment>
Línea 72... Línea 72...
72 
                                    &&
 72 
                                    &&
73 
                                    (
 73 
                                    (
74 
                                        [...messages].reverse().map((element, i) => {
 74 
                                        [...messages].reverse().map((element, i) => {
75 
                                            const isLeft = element.side === 'left'
 75 
                                            const isLeft = element.side === 'left'
76 
                                            return (
 76 
                                            return (
77 
                                                i === (messages.length - 1)
 77 
                                                i === 2
78 
                                                    ?
 78 
                                                    ?
79 
                                                    <div
 79 
                                                    <div
80 
                                                        className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
 80 
                                                        className={`main-message-box ${!isLeft && 'ta-right'}`}
81 
                                                        key={element.message}
 81 
                                                        key={element.message}
82 
                                                        ref={lastMessage}
 82 
                                                        ref={lastMessage}
83 
                                                    >
 83 
                                                    >
84 
                                                        <div className="messg-usr-img">
 84 
                                                        <div className="messg-usr-img">
85 
                                                            <img
 85 
                                                            <img
Línea 101... Línea 101...
101 
                                                            <span>{element.date}</span>
 101 
                                                            <span>{element.date}</span>
102 
                                                        </div>
 102 
                                                        </div>
103 
                                                    </div>
 103 
                                                    </div>
104 
                                                    :
 104 
                                                    :
105 
                                                    <div
 105 
                                                    <div
106 
                                                        className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
 106 
                                                        className={`main-message-box ${!isLeft && 'ta-right'}`}
107 
                                                        key={element.message}
 107 
                                                        key={element.message}
108 
                                                    >
 108 
                                                    >
109 
                                                        <div className="messg-usr-img">
 109 
                                                        <div className="messg-usr-img">
110 
                                                            <img
 110 
                                                            <img
111 
                                                                src={element.sender_image}
 111 
                                                                src={element.sender_image}