Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 878 Rev 879
Línea 3... Línea 3...
3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
Línea 4... Línea 4...
4 
 
 4 
 
5 
    const [text, setText] = useState('')
 5 
    const [text, setText] = useState('')
Línea 6... Línea 6...
6 
    const lastMessage = useRef(null);
 6 
    const lastMessage = useRef(null);
7 
 
 7 
 
8 
     const handleScroll = () => {
 8 
    const handleInterception = () => {
Línea 9... Línea 9...
9 
         console.log('Getting')
 9 
        getMoreMessages()
10 
     }
 10 
    }
11 
 
 11 
 
12 
    useEffect(() => {
 12 
    useEffect(() => {
13 
        if(lastMessage.current){
 13 
        if (lastMessage.current) {
Línea 14... Línea 14...
14 
            const observer = new IntersectionObserver(handleScroll, {
 14 
            const observer = new IntersectionObserver(handleInterception, {
15 
                rootMargin: '0px'
 15 
                rootMargin: '0px'
Línea 62... Línea 62...
62 
                            >
 62 
                            >
63 
                                {
 63 
                                {
64 
                                    (messages)
 64 
                                    (messages)
65 
                                    &&
 65 
                                    &&
66 
                                    (
 66 
                                    (
67 
                                        [...messages].reverse().map((element, i) => {
 67 
                                        messages.map((element, i) => {
68 
                                            const isLeft = element.side === 'left'
 68 
                                            const isLeft = element.side === 'left'
69 
                                            return (
 69 
                                            return (
70 
                                                i === (messages.length - 1)
 70 
                                                i === (messages.length - 1)
71 
                                                    ?
 71 
                                                    ?
72 
                                                    <div
 72 
                                                    <div