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