Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 869 Rev 871
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, getMoreMessages, handleShowConversation }) => {
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
4 
 
 4 
 
Línea 5... Línea 5...
5 
    const [text, setText] = useState('')
 5 
    const [text, setText] = useState('')
6 
    const lineEl = useRef(null);
 6 
    const lastMessage = useRef(null);
7 
 
 7 
 
8 
    const handleScroll = (event) => {
 8 
   /*  const handleScroll = (event) => {
9 
        const node = event.target;
 9 
        const node = event.target;
10 
        console.log(node)
 10 
        console.log(node)
11 
        console.log(node.scrollTop)
 11 
        console.log(node.scrollTop)
12 
        console.log(node.scrollHeight)
 12 
        console.log(node.scrollHeight)
13 
        /* if (node.scrollTop >= (node.scrollHeight * .82)) {
 13 
         if (node.scrollTop >= (node.scrollHeight * .82)) {
- 
 
 14 
            getMoreMessages()
- 
 
 15 
        }
- 
 
 16 
    } */
- 
 
 17 
 
- 
 
 18 
    /* useEffect(() => {
- 
 
 19 
        const observer = new IntersectionObserver(getMoreMessages(), {
- 
 
 20 
            rootMargin: '20px'
Línea 14... Línea 21...
14 
            getMoreMessages()
 21 
        })
15 
        } */
 22 
        observer.observe(messages[messages.length - 1])
16 
    }
 23 
    }, [messages]); */
Línea 17... Línea 24...
17 
 
 24 
 
18 
    useEffect(() => {
 25 
    useEffect(() => {
19 
        console.log(lineEl.current)
 26 
        console.log(lastMessage)
20 
    }, [messages]);
 27 
    }, [lastMessage]);
Línea 70... Línea 77...
70 
                                            const isLeft = element.side === 'left'
 77 
                                            const isLeft = element.side === 'left'
71 
                                            return (
 78 
                                            return (
72 
                                                <div
 79 
                                                <div
73 
                                                    className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
 80 
                                                    className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
74 
                                                    key={element.message}
 81 
                                                    key={element.message}
- 
 
 82 
                                                    ref={i === messages.length - 1 && lastMessage}
75 
                                                >
 83 
                                                >
76 
                                                    <div className="messg-usr-img">
 84 
                                                    <div className="messg-usr-img">
77 
                                                        <img
 85 
                                                        <img
78 
                                                            src={element.sender_image}
 86 
                                                            src={element.sender_image}
79 
                                                            onClick={() => window.location.href = element.sender_profile}
 87 
                                                            onClick={() => window.location.href = element.sender_profile}