WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/inmail/inmail/inmail.js

 import EmptySection from '../../shared/empty-section/EmptySection'
 import MessageBox from './MessageBox'
 import MessageTemplate from './MessageTemplate'
 import SpeakerNotesOffRoundedIcon from '@mui/icons-material/SpeakerNotesOffRounded'
 import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'
+import useNear from '../../hooks/useNear'
 const Chatmail = ({
   selectedConversation = null,
   messages = [],
   setConversation = () => { },
   getMoreMessages = () => { },
   onSend = () => { }
 }) => {
+  const lastMessage = useRef(null)
-  const lastMessage = useRef(null)
+  const [isIntersecting, reset] = useNear(lastMessage)
-  useEffect(() => {
-    const observer = new IntersectionObserver(([entry]) => {
+  useEffect(() => {
-      if (entry.isIntersecting) {
+    if (isIntersecting) {
-        getMoreMessages()
-      }
-    })
-    if (lastMessage.current) {
+      getMoreMessages()
-      observer.observe(lastMessage.current)
+      reset()
+    }
-  }, [messages])
+  }, [isIntersecting])

Proyectos de Subversion LeadersLinked - Antes de SPA