CRT/storebound
1
0
Fork 0
Code Issues Pull requests Releases 1 Packages 1 Activity Actions

Desktop: live store thumbnails load right away (an IntersectionObserver may never fire in a hidden tray window)

Browse source
This commit is contained in:
CRTkafa 2026-10-23 02:36:01 +08:00
parent d3190ecdec
commit 4a0bce64a1
1 changed files with 4 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

13
apps/desktop/src/screens/tabs/LiveArt.tsx
View file

@ -44,16 +44,11 @@ function LiveThumb({ target, tile, name }: { target: string; tile: LiveArtTile;
const [src, setSrc] = useState<string | null | undefined>(tile.thumb ? cache.get(`${target}|${tile.thumb}`) : null);
useEffect(() => {
if (!tile.thumb || src !== undefined) return;
const el = ref.current;
if (!el) return;
// loaded right away, not on scroll: an IntersectionObserver may never fire in a hidden (tray) window, and a store
// has at most a few dozen live images
let alive = true;
const io = new IntersectionObserver(es => {
if (!es.some(x => x.isIntersecting)) return;
io.disconnect();
loadThumb(target, tile.thumb).then(u => { if (alive) setSrc(u); });
}, { rootMargin: '300px' });
io.observe(el);
return () => { alive = false; io.disconnect(); };
loadThumb(target, tile.thumb).then(u => { if (alive) setSrc(u); });
return () => { alive = false; };
}, [target, tile.thumb, src]);
const w = tile.w ?? 9, h = tile.h ?? 16;
const state = tile.state === 'n/a' ? null : tile.state;