Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 911 Rev 913
Línea 1... Línea 1...
1 
import React, { useEffect, useRef, useState } from 'react'
 1 
import React, { useEffect, useRef, useState } from 'react'
Línea 2... Línea 2...
2 
 
 2 
 
Línea 3... Línea 3...
3 
export default ({ messages, selectedConversation, onSend, backendVars, settingPages, 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);
 6 
    const lastMessage = useRef(null);
Línea 7... Línea 7...
7 
    const firstMessages = useRef(null);
 7 
    const messagesLine = useRef(null);
8 
    const [isInit, setisInit] = useState(null);
 8 
    const [isInit, setisInit] = useState(null);
9 
 
 9 
 
- 
 
 10 
    const handleGetMessages = () => {
10 
    const handleGetMessages = () => {
 11 
        if (!isInit) {
11 
        if (!isInit) {
 12 
            setisInit(true)
12 
            setisInit(true)
 13 
            console.log('Init')
- 
 
 14 
        }
13 
        }
 15 
        if (isInit) {
14 
        if (isInit) {
 16 
            /* getMoreMessages() */
15 
            settingPages()
 17 
            console.log('Getting')
Línea 16... Línea 18...
16 
            setisInit(false)
 18 
            setisInit(false)
Línea 26... Línea 28...
26 
            observer.observe(lastMessage.current)
 28 
            observer.observe(lastMessage.current)
27 
        }
 29 
        }
28 
    }, [messages]);
 30 
    }, [messages]);
Línea 29... Línea 31...
29 
 
 31 
 
30 
    useEffect(() => {
 32 
    useEffect(() => {
31 
        if (firstMessages.current) {
 - 
 
32 
            const objDiv = document.getElementById('firstMessages');
 33 
        if (messagesLine.current) {
33 
            objDiv.scrollTop = objDiv.scrollHeight;
 34 
            messagesLine.current.scrollTop = messagesLine.current.scrollHeight;
34 
        }
 35 
        }
Línea 35... Línea 36...
35 
    }, [messages]);
 36 
    }, [messages]);
36 
 
 37 
 
Línea 87... Línea 88...
87 
                                    </ul>
 88 
                                    </ul>
88 
                                </div>
 89 
                                </div>
89 
                            </div>
 90 
                            </div>
90 
                            <div
 91 
                            <div
91 
                                className="messages-line"
 92 
                                className="messages-line"
- 
 
 93 
                                ref={messagesLine}
92 
                            >
 94 
                            >
93 
                                {
 95 
                                {
94 
                                    (messages)
 96 
                                    (messages)
95 
                                    &&
 97 
                                    &&
96 
                                    (
 98 
                                    (
Línea 128... Línea 130...
128 
                                            if (i === messages.length - 1) {
 130 
                                            if (i === messages.length - 1) {
129 
                                                return (
 131 
                                                return (
130 
                                                    <div
 132 
                                                    <div
131 
                                                        className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
 133 
                                                        className={`main-message-box ${!isLeft ? 'ta-right' : ''}`}
132 
                                                        key={element.message}
 134 
                                                        key={element.message}
133 
                                                        ref={firstMessages}
 - 
 
134 
                                                        id='firstMessages'
 135 
                                                        id='firstMessages'
135 
                                                    >
 136 
                                                    >
136 
                                                        <div className="messg-usr-img">
 137 
                                                        <div className="messg-usr-img">
137 
                                                            <img
 138 
                                                            <img
138 
                                                                src={element.sender_image}
 139 
                                                                src={element.sender_image}