Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 909 Rev 910
Línea 2... Línea 2...
2 
 
 2 
 
Línea 3... Línea 3...
3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
4 
 
 4 
 
- 
 
 5 
    const [text, setText] = useState('')
5 
    const [text, setText] = useState('')
 6 
    const lastMessage = useRef(null);
Línea 6... Línea 7...
6 
    const lastMessage = useRef(null);
 7 
    const firstMessages = useRef(null);
7 
    const [isInit, setisInit] = useState(null);
 8 
    const [isInit, setisInit] = useState(null);
8 
 
 9 
 
Línea 25... Línea 26...
25 
            observer.observe(lastMessage.current)
 26 
            observer.observe(lastMessage.current)
26 
        }
 27 
        }
27 
    }, [messages]);
 28 
    }, [messages]);
Línea 28... Línea 29...
28 
 
 29 
 
- 
 
 30 
    useEffect(() => {
29 
    useEffect(() => {
 31 
        if (firstMessages.current) {
30 
        const objDiv = document.getElementById('firstMessages');
 32 
            const objDiv = document.getElementById('firstMessages');
- 
 
 33 
            objDiv.scrollTop = objDiv.scrollHeight;
31 
        objDiv.scrollTop = objDiv.scrollHeight;
 34 
        }
Línea 32... Línea 35...
32 
    }, [messages]);
 35 
    }, [messages]);
33 
 
 36 
 
34 
    return (
 37 
    return (
Línea 125... Línea 128...
125 
                                            if (i === messages.length - 1) {
 128 
                                            if (i === messages.length - 1) {
126 
                                                return (
 129 
                                                return (
127 
                                                    <div
 130 
                                                    <div
128 
                                                        className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
 131 
                                                        className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
129 
                                                        key={element.message}
 132 
                                                        key={element.message}
- 
 
 133 
                                                        ref={firstMessages}
130 
                                                        id='firstMessages'
 134 
                                                        id='firstMessages'
131 
                                                    >
 135 
                                                    >
132 
                                                        <div className="messg-usr-img">
 136 
                                                        <div className="messg-usr-img">
133 
                                                            <img
 137 
                                                            <img
134 
                                                                src={element.sender_image}
 138 
                                                                src={element.sender_image}