From 6a58bc6b34c9eb4a8c05c4425baa69549785bcab Mon Sep 17 00:00:00 2001
From: edwin6666 <edwinmendoza0620@gmail.com>
Date: Tue, 17 Oct 2023 22:42:37 -0400
Subject: [PATCH 1/3] Fix(navbar): fix link home appeared where it shouldn't

---
 src/components/Navbar/Navbar.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
index a6524d6..feaf65a 100644
--- a/src/components/Navbar/Navbar.jsx
+++ b/src/components/Navbar/Navbar.jsx
@@ -14,7 +14,7 @@ const Navbar = () => {
   const isAdminPage = location.pathname === "/admin";
   const userListPage = location.pathname === "/users";
   const isContactPage = location.pathname === "/contact";
-
+  
   const { setAuth } = useAuth();
 
   const handleLogout = () => {
@@ -32,7 +32,7 @@ const Navbar = () => {
   if (isLoginPage || isSignupPage) {
     return null;
   }
-
+  const hideHomeLink = location.pathname.startsWith("/posts/");
   return (
     <header className="antialiased bg-white dark-mode:bg-gray-900">
       <nav className="w-full text-gray-700 bg-white dark-mode:text-gray-200 dark-mode:bg-gray-800">
@@ -70,7 +70,7 @@ const Navbar = () => {
               open ? "flex" : "hidden"
             } pb-4 md:pb-0 md:flex md:justify-end md:flex-row navbar-transition animate-flip-down duration-700`}
           >
-            {!isAdminPage && !isFormPage && !userListPage && (
+            { !hideHomeLink &&!isAdminPage && !isFormPage && !userListPage && (
               <Link
                 to="/"
                 className="px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark-mode:bg-transparent dark-mode:hover:bg-gray-600 dark-mode:focus:bg-gray-600 dark-mode:focus:text-white dark-mode:hover:text-white dark-mode:text-gray-200 md:mt-0 md:ml-4 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline hover:underline"

From 28a4a986c84db920c7dc99ed6d5c4c0acf3f34d9 Mon Sep 17 00:00:00 2001
From: edwin6666 <edwinmendoza0620@gmail.com>
Date: Tue, 17 Oct 2023 23:56:48 -0400
Subject: [PATCH 2/3] Fix: moderator role

---
 src/App.js                     | 2 +-
 src/hooks/useAuthentication.js | 2 +-
 src/pages/Users.js             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.js b/src/App.js
index 904e5b7..0dae341 100644
--- a/src/App.js
+++ b/src/App.js
@@ -25,7 +25,7 @@ function App() {
           <Route path="/contact" exact element={<ContactForm />} />
 
           {/* Private routes */}
-          <Route element={<RequiresAuth allowedRoles={["admin"]} />}>
+          <Route element={<RequiresAuth allowedRoles={["moderator"]} />}>
             <Route path="/admin" exact element={<HomePage />} />
             <Route path="/posts/:id" element={<PostForm />} />
             <Route path="/new" exact element={<PostForm />} />
diff --git a/src/hooks/useAuthentication.js b/src/hooks/useAuthentication.js
index 21b76ca..ae1ecdd 100644
--- a/src/hooks/useAuthentication.js
+++ b/src/hooks/useAuthentication.js
@@ -22,7 +22,7 @@ const useAuthentication = () => {
       Cookies.set("token", token, { secure: true, sameSite: "strict" });
 
 
-      if (roles === "admin") {
+      if (roles === "moderator") {
         navigate("/");
       } else {
         navigate("/admin");
diff --git a/src/pages/Users.js b/src/pages/Users.js
index 14c2475..4ef6287 100644
--- a/src/pages/Users.js
+++ b/src/pages/Users.js
@@ -11,7 +11,7 @@ function UserList() {
         setUsers(response.data);
       })
       .catch((error) => {
-        // Manejar errores aquí si es necesario
+        
       });
   }, []);
 

From 4105aee9e862683f52732bb45ddb6a6261c6b2f1 Mon Sep 17 00:00:00 2001
From: edwin6666 <edwinmendoza0620@gmail.com>
Date: Sun, 22 Oct 2023 21:16:47 -0400
Subject: [PATCH 3/3] Feat(Post):editing images after publication Details: -Now
 you can change one image for another after being published. -a preview of the
 selected images was added before publishing

---
 src/api/posts.js           | 21 +++++++++++++++------
 src/context/postContext.js | 30 ++++++++++++++++++------------
 src/pages/PostForm.js      | 17 +++++++++++++++--
 3 files changed, 48 insertions(+), 20 deletions(-)

diff --git a/src/api/posts.js b/src/api/posts.js
index 7059e98..8633352 100644
--- a/src/api/posts.js
+++ b/src/api/posts.js
@@ -41,9 +41,18 @@ export const deletePostRequest = async (id) =>
 export const getPostRequest = async (id) =>
   await axios.get(PostId + id);
 
-export const updatePostRequest = async (id, newFields) =>
-  await axios.put(`${UpdatePost}/${id}`, newFields, {
-    headers: {
-      Authorization: `Bearer ${getTokenFromCookie()}`, 
-    },
-  });
+  export const updatePostRequest = async (id, formData) => {
+    try {
+      const response = await axios.put(`${UpdatePost}/${id}`, formData, {
+        headers: {
+          Authorization: `Bearer ${getTokenFromCookie()}`,
+          'Content-Type': 'multipart/form-data', 
+        },
+      });
+  
+      return response.data;
+    } catch (error) {
+      
+      throw error;
+    }
+  };
\ No newline at end of file
diff --git a/src/context/postContext.js b/src/context/postContext.js
index 635162d..79198fc 100644
--- a/src/context/postContext.js
+++ b/src/context/postContext.js
@@ -27,39 +27,45 @@ export const PostProvider = ({ children }) => {
     } catch (error) {
       toast.error(error);
     }
-  }
+  };
 
   const createPost = async (post) => {
     try {
       const res = await createPostRequest(post, auth.token);
       setPosts([...posts, res.data]);
-    } catch (error) {
-      
-    }
+    } catch (error) {}
   };
 
   const deletePost = async (id) => {
     await deletePostRequest(id, auth.token);
     setPosts(posts.filter((post) => post._id !== id));
-    getAllPost()
+    getAllPost();
   };
 
   const getPost = async (id) => {
-    
     try {
       const res = await getPostRequest(id);
       return res.data;
-    } catch (error) {
-      
-    }
+    } catch (error) {}
   };
 
   const updatePost = async (id, post) => {
-    const res = await updatePostRequest(id, post, auth.token);
-    setPosts(posts.map((post) => (post.id === id ? res.data : post)));
+    try {
+      const formData = new FormData();
+      formData.append("title", post.title);
+      formData.append("description", post.description);
+      formData.append("categories", post.categories);
+      formData.append("source", post.source);
+      formData.append("author", post.author);
+      formData.append("image", post.image);
 
-    getAllPost()
+      const res = await updatePostRequest(id, formData, auth.token);
+      setPosts(posts.map((post) => (post.id === id ? res.data : post)));
 
+      getAllPost();
+    } catch (error) {
+      toast.error("Error updating post.");
+    }
   };
 
   return (
diff --git a/src/pages/PostForm.js b/src/pages/PostForm.js
index 6217a03..bb1d34c 100644
--- a/src/pages/PostForm.js
+++ b/src/pages/PostForm.js
@@ -29,6 +29,7 @@ export function PostForm() {
           categories: post.categories,
           source: post.source,
           author: post.author,
+          image: post.image,
         });
       }
     })();
@@ -39,7 +40,6 @@ export function PostForm() {
       <div className="bg-blue-950 p-10 shadow-md shadow-black mt-7 animate-fade-down animate-once animate-duration-500 animate-ease-linear">
         <header className="flex justify between items-center py-4 text-white">
           <h3 className="text-xl">New Post</h3>
-          
         </header>
 
         <Formik
@@ -164,7 +164,20 @@ export function PostForm() {
                 type="file"
                 name="image"
                 className="px-3 py-2 focus:outline-none rounded bg-gray-600 text-white w-full"
-                onChange={(e) => setFieldValue("image", e.target.files[0])}
+                onChange={(e) => {
+                  const selectedImage = e.target.files[0];
+                  setFieldValue("image", selectedImage);
+                  
+                  const imageUrl = URL.createObjectURL(selectedImage);
+                 
+                  document.getElementById("image-preview").src = imageUrl;
+                }}
+              />
+              <img
+                id="image-preview"
+                src={post.image ? post.image.url : ""}
+                alt="original imagen"
+                style={{ maxWidth: "100%", maxHeight: "200px" }}
               />
 
               <button