Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 15999 Rev 16001
Línea 1... Línea 1...
1 
import React, { useRef, useEffect } from "react";
 1 
import React, { useRef, useEffect } from "react";
2 
import Message from "./Messages";
 2 
import Message from "./Messages";
Línea 3... Línea 3...
3 
 
 3 
 
Línea 4... Línea 4...
4 
import styles from "../chat.module.scss";
 4 
import styles from "../chat.module.scss";
5 
 
 5 
 
Línea 6... Línea 6...
6 
const MessagesList = ({ messages, onIntersection, isLastPage }) => {
 6 
const MessagesList = ({ messages, onIntersection, isLastPage, scrollRef }) => {
7 
  const loadMoreEl = useRef();
 7 
  const loadMoreEl = useRef();
Línea 17... Línea 17...
17 
      observer.disconnect();
 17 
      observer.disconnect();
18 
    };
 18 
    };
19 
  }, [messages]);
 19 
  }, [messages]);
Línea 20... Línea 20...
20 
 
 20 
 
- 
 
 21 
  return (
21 
  return (
 22 
    <div className={styles.messagesContainer} ref={scrollRef}>
22 
    <div className={styles.messageWrapper}>
 23 
      <div className={styles.messageWrapper}>
23 
      {!isLastPage && <p ref={loadMoreEl}>Cargando...</p>}
 24 
        {!isLastPage && <p ref={loadMoreEl}>Cargando...</p>}
24 
      {messages.map((message) => (
 25 
        {messages.map((message) => (
25 
        <Message message={message} key={message.id} />
 26 
          <Message message={message} key={message.id} />
- 
 
 27 
        ))}
26 
      ))}
 28 
      </div>
27 
    </div>
 29 
    </div>
28 
  );
 30 
  );
Línea 29... Línea 31...
29 
};
 31 
};