Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1751 Rev 1752
Línea 1... Línea 1...
1 
import React, { useEffect, useRef } from 'react';
 1 
import React, { useEffect, useRef, useState } from 'react';
2 
import MessageBarHead from './MessageBarHead';
 2 
import MessageBarHead from './MessageBarHead';
3 
import MessageBox from './MessageBox';
 3 
import MessageBox from './MessageBox';
4 
import MessageTemplate from './MessageTemplate';
 4 
import MessageTemplate from './MessageTemplate';
Línea 5... Línea 5...
5 
 
 5 
 
6 
function areEqual(prevProps, nextProps) {
 6 
function areEqual(prevProps, nextProps) {
7 
    return prevProps.messages.length === nextProps.messages.length
 7 
    return prevProps.messages.length === nextProps.messages.length
Línea 8... Línea 8...
8 
}
 8 
}
9 
 
 9 
 
10 
const ChatList = ({
 10 
export default ({
11 
    messages,
 11 
    messages,
12 
    selectedConversation,
 12 
    selectedConversation,
13 
    onSend,
 13 
    onSend,
Línea 22... Línea 22...
22 
    useEffect(() => {
 22 
    useEffect(() => {
23 
        const observer = new IntersectionObserver(([entry]) => {
 23 
        const observer = new IntersectionObserver(([entry]) => {
24 
            if (entry.isIntersecting) {
 24 
            if (entry.isIntersecting) {
25 
                getMoreMessages()
 25 
                getMoreMessages()
26 
            }
 26 
            }
- 
 
 27 
        }, {
- 
 
 28 
            rootMargin: '0px'
27 
        })
 29 
        })
Línea 28... Línea 30...
28 
 
 30 
 
29 
        if (lastMessage.current) {
 31 
        if (lastMessage.current) {
30 
            observer.observe(lastMessage.current)
 32 
            observer.observe(lastMessage.current)
31 
        }
 33 
        }
Línea 32... Línea 34...
32 
    }, []);
 34 
    }, [messages]);
33 
 
 35 
 
34 
    return (
 36 
    return (
35 
        <div className="main-conversation-box">
 37 
        <div className="main-conversation-box">
Línea 76... Línea 78...
76 
                        />
 78 
                        />
77 
                    </>
 79 
                    </>
78 
            }
 80 
            }
79 
        </div>
 81 
        </div>
80 
    )
 82 
    )
81 
}
 - 
 
82 
 
 - 
 
83 
export default React.memo(ChatList, areEqual)
 - 
 
84 

            83
            
}

          

          

            -
            
 

            84
            

          

          

            85
            

            85