aljaz/rabbit
1
0
Fork 0
mirror of https://github.com/aljazceru/rabbit.git synced 2025-12-18 06:24:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: lazy load

Browse Source
This commit is contained in:
Shusui MOYATANI
2024-01-07 09:44:39 +09:00
parent b00f7765ac
commit 1b5c9dc563
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/utils/LazyLoad.tsx
View File

@@ -17,6 +17,7 @@ const LazyLoad: Component<LazyLoadProps> = (props) => {
entries.forEach((entry) => { entries.forEach((entry) => {
if (entry.isIntersecting) { if (entry.isIntersecting) {
setVisible(true); setVisible(true);
observer.disconnect();
} }
}); });
}, },
@@ -34,12 +35,10 @@ const LazyLoad: Component<LazyLoadProps> = (props) => {
}); });
return ( return (
<div ref={containerRef}> <Show when={visible()} fallback={<div ref={containerRef}>{props.fallback}</div>} keyed>
<Show when={visible()} fallback={props.fallback} keyed> {/* eslint-disable-next-line @typescript-eslint/no-unused-vars */}
{/* eslint-disable-next-line @typescript-eslint/no-unused-vars */} {(_) => props.children()}
{(_) => props.children()} </Show>
</Show>
</div>
); );
}; };