don't load metadata until image has loaded

This commit is contained in:
Josh Hawkins 2024-02-26 11:46:23 -06:00
parent 76ad91f9b5
commit 7fc0a809d8

View File

@ -124,7 +124,7 @@ export default function PreviewThumbnailPlayer({
{!imgLoaded && ( {!imgLoaded && (
<Skeleton className={`absolute inset-0 w-full h-full`} /> <Skeleton className={`absolute inset-0 w-full h-full`} />
)} )}
<div className={`${imgLoaded ? "visible" : "invisible"}`}> <div className={`${imgLoaded ? "vislble" : "invisible"}`}>
<img <img
className={`w-full h-full transition-opacity ${ className={`w-full h-full transition-opacity ${
playingBack ? "opacity-0" : "opacity-100" playingBack ? "opacity-0" : "opacity-100"