From 7b192b003cc9fc6f79aaca7c1bf66cdd89d60568 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Fri, 23 Feb 2024 16:52:17 -0600
Subject: [PATCH] Add guard for loaded blur images

---
 src/components/ImageBlurFallback.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ImageBlurFallback.tsx b/src/components/ImageBlurFallback.tsx
index 273cb9ab..c652657d 100644
--- a/src/components/ImageBlurFallback.tsx
+++ b/src/components/ImageBlurFallback.tsx
@@ -59,7 +59,7 @@ export default function ImageBlurFallback(props: ImageProps) {
           imageClassName,
           'relative z-10',
           'transition-opacity duration-300 ease-in',
-          isLoading ? 'opacity-0' : 'opacity-100',
+          !isLoading || !showPlaceholder ? 'opacity-100' : 'opacity-0',
         ),
         onLoad: () => {
           setIsLoading(false);