From 333ea9006f35d7b5c854f5c8c4048af5e59d2186 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 6 May 2024 08:54:56 -0500
Subject: [PATCH] Adjust blur fallback logic

---
 src/app/admin/uploads/[uploadPath]/page.tsx | 2 +-
 src/components/ImageBlurFallback.tsx        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/admin/uploads/[uploadPath]/page.tsx b/src/app/admin/uploads/[uploadPath]/page.tsx
index d52d7a10..3fecf27c 100644
--- a/src/app/admin/uploads/[uploadPath]/page.tsx
+++ b/src/app/admin/uploads/[uploadPath]/page.tsx
@@ -17,7 +17,7 @@ export default async function UploadPage({ params: { uploadPath } }: Params) {
     blobId,
     photoFormExif,
     imageResizedBase64: imageThumbnailBase64,
-  } = await extractImageDataFromBlobPath( uploadPath, {
+  } = await extractImageDataFromBlobPath(uploadPath, {
     includeInitialPhotoFields: true,
     generateBlurData: true,
     generateResizedImage: true,
diff --git a/src/components/ImageBlurFallback.tsx b/src/components/ImageBlurFallback.tsx
index beffe029..7c2aa474 100644
--- a/src/components/ImageBlurFallback.tsx
+++ b/src/components/ImageBlurFallback.tsx
@@ -61,13 +61,13 @@ export default function ImageBlurFallback(props: ImageProps & {
         'flex relative',
       )}
     >
-      {showPlaceholder || shouldDebugBlur &&
+      {(showPlaceholder || shouldDebugBlur) &&
         <div className={clsx(
           '@container',
           'absolute inset-0',
           'bg-main overflow-hidden',
           'transition-opacity duration-300 ease-in',
-          isLoading || shouldDebugBlur ? 'opacity-100' : 'opacity-0',
+          (isLoading || shouldDebugBlur) ? 'opacity-100' : 'opacity-0',
         )}>
           {(BLUR_ENABLED && props.blurDataURL)
             ? <img {...{