IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Dashboard: Fix lazy loading for repeated panels (#43083)

Browse Source
This commit is contained in:
kay delaney 2021-12-14 11:23:42 +00:00 committed by GitHub
parent 61227998a7
commit c926d4d7f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/app/features/dashboard/dashgrid/LazyLoader.tsx
View File

@ -15,6 +15,7 @@ export function LazyLoader({ children, width, height, onLoad, onChange }: Props)
const [loaded, setLoaded] = useState(false);
const [isInView, setIsInView] = useState(false);
const wrapperRef = useRef<HTMLDivElement>(null);
useEffectOnce(() => {
LazyLoader.addCallback(id, (entry) => {
if (!loaded && entry.isIntersecting) {
@ -26,12 +27,15 @@ export function LazyLoader({ children, width, height, onLoad, onChange }: Props)
onChange?.(entry.isIntersecting);
});
if (wrapperRef.current) {
LazyLoader.observer.observe(wrapperRef.current);
const wrapperEl = wrapperRef.current;
if (wrapperEl) {
LazyLoader.observer.observe(wrapperEl);
}
return () => {
delete LazyLoader.callbacks[id];
wrapperEl && LazyLoader.observer.unobserve(wrapperEl);
if (Object.keys(LazyLoader.callbacks).length === 0) {
LazyLoader.observer.disconnect();
}