Proyectos de Subversion LeadersLinked - SPA

import { useState, useEffect, useRef } from 'react';

export function useNearScreen({ once = true, rootMargin = '100px' }) {
  const [isNearScreen, setShow] = useState(false);
  const fromRef = useRef(null);

  useEffect(() => {
    const onChange = (entries, observer) => {
      const el = entries[0];

      if (el.isIntersecting) {
        setShow(true);

        once && observer.disconnect();
      } else {
        !once && setShow(false);
      }
    };

    const observer = new IntersectionObserver(onChange, {
      rootMargin
    });

    if (fromRef.current) observer.observe(fromRef.current);

    return () => observer && observer.disconnect();
  }, [fromRef]);

  return [isNearScreen, fromRef];
}