diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx index 7792742cd..4606529f0 100644 --- a/client/homebrew/brewRenderer/brewRenderer.jsx +++ b/client/homebrew/brewRenderer/brewRenderer.jsx @@ -46,11 +46,10 @@ const BrewPage = (props)=>{ const visibleObserver = new IntersectionObserver( (entries)=>{ entries.forEach((entry)=>{ - if(entry.isIntersecting){ + if(entry.isIntersecting) props.onVisibilityChange(props.index + 1, true); // add page to array of visible pages. - } else { + else props.onVisibilityChange(props.index + 1, false); - } }); }, { threshold: .3, rootMargin: '0px 0px 0px 0px' } // detect when >30% of page is within bounds. @@ -60,9 +59,8 @@ const BrewPage = (props)=>{ const centerObserver = new IntersectionObserver( (entries)=>{ entries.forEach((entry)=>{ - if(entry.isIntersecting) { + if(entry.isIntersecting) props.onCenterPageChange(props.index + 1); // Set this page as the center page - } }); }, { threshold: 0, rootMargin: '-50% 0px -50% 0px' } // Detect when the page is at the center