Tweak infinite scroll for /grid

This commit is contained in:
Sam Becker 2024-04-26 00:12:23 -05:00
parent 1e00f8fbb9
commit 57b34c9230

View File

@ -72,7 +72,7 @@ export default function InfinitePhotoScroll({
// Only add observer if button is rendered
if (buttonRef.current) {
const observer = new IntersectionObserver(e => {
if (triggerOnView && e[0].isIntersecting) {
if (triggerOnView && e.some(e => e.isIntersecting)) {
advance();
}
}, {
@ -116,9 +116,9 @@ export default function InfinitePhotoScroll({
{type === 'full-frame'
? <PhotosLarge {...{ photos, revalidatePhoto }} />
: <PhotoGrid {...{ photos }} />}
{!isFinished && type === 'full-frame'
{!isFinished && (type === 'full-frame'
? <SiteGrid contentMain={renderMoreButton()} />
: renderMoreButton()}
: renderMoreButton())}
</div>
);
}