Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 15880 | Rev 16001 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
15852 stevensc 1 
import React, { useRef, useEffect } from "react";
15851 stevensc 2 
import Message from "./Messages";
3 
 
4 
import styles from "../chat.module.scss";
5 
 
6 
const MessagesList = ({ messages, onIntersection, isLastPage }) => {
7 
  const loadMoreEl = useRef();
8 
 
9 
  useEffect(() => {
10 
    const observer = new IntersectionObserver(onIntersection);
11 
 
12 
    if (loadMoreEl.current) {
13 
      observer.observe(loadMoreEl.current);
14 
    }
15 
 
16 
    return () => {
17 
      observer.disconnect();
18 
    };
15852 stevensc 19 
  }, [messages]);
15851 stevensc 20 
 
21 
  return (
22 
    <div className={styles.messageWrapper}>
15999 stevensc 23 
      {!isLastPage && <p ref={loadMoreEl}>Cargando...</p>}
15851 stevensc 24 
      {messages.map((message) => (
15880 stevensc 25 
        <Message message={message} key={message.id} />
15851 stevensc 26 
      ))}
27 
    </div>
28 
  );
29 
};
30 
 
31 
export default MessagesList;