From bbc0a4e23945cec8cff724416b5d83dca85589c9 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 7 May 2024 00:15:40 -0500
Subject: [PATCH] Prevent server-side blur generation when disabled

---
 src/app/admin/photos/[photoId]/edit/page.tsx | 10 ++++++----
 src/photo/form/PhotoForm.tsx                 | 12 +++++++-----
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/admin/photos/[photoId]/edit/page.tsx b/src/app/admin/photos/[photoId]/edit/page.tsx
index 38d9fa0c..8affc888 100644
--- a/src/app/admin/photos/[photoId]/edit/page.tsx
+++ b/src/app/admin/photos/[photoId]/edit/page.tsx
@@ -2,7 +2,7 @@ import { redirect } from 'next/navigation';
 import { getPhotoNoStore, getUniqueTagsCached } from '@/photo/cache';
 import { PATH_ADMIN } from '@/site/paths';
 import PhotoEditPageClient from '@/photo/PhotoEditPageClient';
-import { AI_TEXT_GENERATION_ENABLED } from '@/site/config';
+import { AI_TEXT_GENERATION_ENABLED, BLUR_ENABLED } from '@/site/config';
 import { blurImageFromUrl, resizeImageFromUrl } from '@/photo/server';
 import { getNextImageUrlForManipulation } from '@/services/next-image';
 
@@ -24,9 +24,11 @@ export default async function PhotoEditPage({
     ? await resizeImageFromUrl(getNextImageUrlForManipulation(photo.url))
     : '';
 
-  const blurData = await blurImageFromUrl(
-    getNextImageUrlForManipulation(photo.url)
-  );
+  const blurData = BLUR_ENABLED
+    ? await blurImageFromUrl(
+      getNextImageUrlForManipulation(photo.url)
+    )
+    : '';
 
   return (
     <PhotoEditPageClient {...{
diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx
index 674c8ff1..43a6a984 100644
--- a/src/photo/form/PhotoForm.tsx
+++ b/src/photo/form/PhotoForm.tsx
@@ -113,11 +113,13 @@ export default function PhotoForm({
 
   const url = formData.url ?? '';
 
-  useEffect(() =>
-    setFormData(data => updatedBlurData
-      ? { ...data, blurData: updatedBlurData }
-      : data)
-  , [updatedBlurData]);
+  useEffect(() => {
+    if (updatedBlurData) {
+      setFormData(data => updatedBlurData
+        ? { ...data, blurData: updatedBlurData }
+        : data);
+    }
+  }, [updatedBlurData]);
 
   useEffect(() =>
     setFormData(data => aiContent?.title