Add guard for loaded blur images

2024-02-23 16:52:17 -06:00 · 2024-02-23 16:52:17 -06:00 · 7b192b003c
commit 7b192b003c
parent f9625f18b5
1 changed files with 1 additions and 1 deletions
--- 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);