From 75a63e266d5053e4e6a3c48837fd4ef67cbf783c Mon Sep 17 00:00:00 2001
From: edwin6666 <edwinmendoza0620@gmail.com>
Date: Tue, 24 Oct 2023 10:13:55 -0400
Subject: [PATCH 1/2] Refactor: improve image src update

---
 src/pages/PostForm.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/PostForm.js b/src/pages/PostForm.js
index 02a1413..ff181e8 100644
--- a/src/pages/PostForm.js
+++ b/src/pages/PostForm.js
@@ -34,7 +34,10 @@ export function PostForm() {
       }
     })();
   }, [params.id, getPost]);
-
+  const [imagePreview, setImagePreview] = useState({
+    src: "",
+    alt: "original imagen",
+  });
   return (
     <div className="flex items-center justify-center">
       <div className="bg-blue-950 p-10 shadow-md shadow-black mt-7 animate-fade-down animate-once animate-duration-500 animate-ease-linear">
@@ -171,13 +174,13 @@ export function PostForm() {
 
                   const imageUrl = URL.createObjectURL(selectedImage);
 
-                  document.getElementById("image-preview").src = imageUrl;
+                  setImagePreview((prev) => ({ ...prev, src: imageUrl }));
                 }}
               />
               <img
                 id="image-preview"
-                src={post.image ? post.image.url : ""}
-                alt="original imagen"
+                src={imagePreview.src || (post.image ? post.image.url : "")}
+                alt={imagePreview.alt}
                 style={{ maxWidth: "100%", maxHeight: "200px" }}
               />
 

From d6d16c6c17966e58f2433d9191e885e89f1a6f64 Mon Sep 17 00:00:00 2001
From: edwin6666 <edwinmendoza0620@gmail.com>
Date: Fri, 27 Oct 2023 13:47:15 -0400
Subject: [PATCH 2/2] Fix: bug in post images

---
 src/pages/PostForm.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/PostForm.js b/src/pages/PostForm.js
index ff181e8..3947da6 100644
--- a/src/pages/PostForm.js
+++ b/src/pages/PostForm.js
@@ -177,12 +177,14 @@ export function PostForm() {
                   setImagePreview((prev) => ({ ...prev, src: imageUrl }));
                 }}
               />
-              <img
-                id="image-preview"
-                src={imagePreview.src || (post.image ? post.image.url : "")}
-                alt={imagePreview.alt}
-                style={{ maxWidth: "100%", maxHeight: "200px" }}
-              />
+              {imagePreview.src || (post.image && post.image.url) ? (
+                <img
+                  id="image-preview"
+                  src={imagePreview.src || post.image.url}
+                  alt={imagePreview.alt}
+                  style={{ maxWidth: "100%", maxHeight: "200px" }}
+                />
+              ) : null}
 
               <button
                 type="submit"