From 0adfbaa156c6220764f684a06d2b37ab7f339d44 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 21 Mar 2024 11:47:30 -0500
Subject: [PATCH] Fix reactivity for ai-generated text

---
 src/photo/form/PhotoForm.tsx | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx
index 738d9df0..c2fc7efb 100644
--- a/src/photo/form/PhotoForm.tsx
+++ b/src/photo/form/PhotoForm.tsx
@@ -123,17 +123,21 @@ export default function PhotoForm({
     }
   }, []);
 
-  useEffect(() => {
-    if (aiContent?.hasContent) {
-      setFormData(data => ({
-        ...data,
-        title: aiContent.title,
-        caption: aiContent.caption,
-        tags: aiContent.tags,
-        semanticDescription: aiContent.semanticDescription,
-      }));
-    }
-  }, [aiContent]);
+  useEffect(() => setFormData(data =>
+    ({ ...data, title: aiContent?.title })),
+  [aiContent?.title]);
+
+  useEffect(() => setFormData(data =>
+    ({ ...data, caption: aiContent?.caption })),
+  [aiContent?.caption]);
+
+  useEffect(() => setFormData(data =>
+    ({ ...data, tags: aiContent?.tags })),
+  [aiContent?.tags]);
+
+  useEffect(() => setFormData(data =>
+    ({ ...data, semanticDescription: aiContent?.semanticDescription })),
+  [aiContent?.semanticDescription]);
 
   const isFieldGeneratingAi = (key: keyof PhotoFormData) => {
     switch (key) {