fix(*): updating comments on blog page

HoseaCodes · Apr 12, 2024 · 243d5bc · 243d5bc
1 parent efd12a1
commit 243d5bc
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 28 deletions.
diff --git a/controllers/article.js b/controllers/article.js
@@ -267,27 +267,24 @@ async function updateArticleComment(req, res) {
 
 async function updateArticle(req, res) {
   try {
-    const { title, subtitle, description, content, images, category } =
-      req.body;
-    res.clearCookie("articles-cache");
+    const { title, subtitle, description, content, images, category, comments } = req.body;
 
-    if (!images) {
-      logger.error("No image provided.");
-      res.clearCookie("user-cache");
-      return res.status(400).json({ msg: "No image upload" });
-    }
+    const originalArticle = await Articles.findOne({ _id: req.params.id });
+
+    res.clearCookie("articles-cache");
 
     const originalBody = req.body;
 
     await Articles.findOneAndUpdate(
       { _id: req.params.id },
       {
-        title: title.toLowerCase(),
-        subtitle,
-        description,
-        content,
-        images,
-        category,
+        // title: title.toLowerCase(),
+        // subtitle,
+        // description,
+        // content,
+        // images,
+        // category,
+        comments: [originalArticle.comments, ...comments],
       }
     );
 
@@ -298,6 +295,7 @@ async function updateArticle(req, res) {
     res.json({ msg: "Updated a article" });
   } catch (err) {
     logger.error(err);
+    console.log(err.message)
 
     return res.status(500).json({ msg: err.message });
   }

diff --git a/src/Components/Article/MainContainer.jsx b/src/Components/Article/MainContainer.jsx
@@ -17,7 +17,7 @@ import StickyFooter from '../Sticky/StickyFooter';
 import BtnRender from './BtnRender';
 
 const MainContainer = (props) => {
-  const {  _id, likes, title, subtitle, description, images, markdown, comments } = props.detailArticle;
+  const { _id, likes, title, subtitle, description, images, markdown, comments } = props.detailArticle;
   const timeFormater = props.timeFormater;
   const readTime = props.readTime;
   const user = props.user
@@ -59,7 +59,7 @@ const MainContainer = (props) => {
           <BlogSubTitle>{subtitle}</BlogSubTitle>
           <BlogDisplayImage src={images.url} alt={title} />
           <BlogPhotoCredit>
-            Photo Credit by &nbsp;<u>{user.name}</u>
+            Photo Credit by &nbsp;<u>{user.name || "Anonymous"}</u>
           </BlogPhotoCredit>
           <BlogCard>
             <br />
@@ -74,7 +74,7 @@ const MainContainer = (props) => {
               ></BlogContent>
               <br />
               <StickyFooter
-                comments
+                comments={comments}
                 viewComment={props.viewComment}
                 setViewComment={props.setViewComment}
                 id={_id}
@@ -84,16 +84,16 @@ const MainContainer = (props) => {
             </BlogPost>
             {props.isAdmin && props.isLoggedIn ? (
               <>
-              <input
-                type="checkbox"
-                checked={true}
-                onChange={() => props.handleCheck(_id)}
+                <input
+                  type="checkbox"
+                  checked={true}
+                  onChange={() => props.handleCheck(_id)}
                 />
-              <BtnRender
-                article={props.article}
-                deleteArticle={props.deleteArticle}
+                <BtnRender
+                  article={props.article}
+                  deleteArticle={props.deleteArticle}
                 />
-            </>
+              </>
             ) : null}
           </BlogCard>
         </section>

diff --git a/src/Components/Article/RightColumn.jsx b/src/Components/Article/RightColumn.jsx
@@ -55,7 +55,10 @@ const RightColumn = (props) => {
           let filteredComments = res.data.comments.filter((comment) => {
               return comment.blog === id;
           });
-          setComments({comments: filteredComments});
+          setComments({ comments: filteredComments });
+          await axios.put(`/api/articles/${id}`, {
+            comments: filteredComments
+          })
         }
         getComments()
     }
@@ -68,7 +71,10 @@ const RightColumn = (props) => {
       let filteredComments = res.data.comments.filter((comment) => {
           return comment.blog === id;
       });
-      setComments({comments: filteredComments});
+      setComments({ comments: filteredComments });
+       await axios.put(`/api/articles/${id}`, {
+         comments: filteredComments,
+       });
     } catch (error) {
       console.log(error)
     }

diff --git a/src/Components/Sticky/StickyFooter.jsx b/src/Components/Sticky/StickyFooter.jsx
@@ -47,7 +47,7 @@ const StickyFooter = ({id, likes, setViewComment, comments}) => {
                     <FaRegThumbsUp onClick={handleLike}/> &nbsp; <span>{postLikes}</span> &nbsp;
                   </JustifyContent>
                   <JustifyContent MarginRight>
-                    <FaRegComment onClick={() => handleComment()}/> &nbsp; <span>{comments.length || 0}</span>
+                    <FaRegComment onClick={() => handleComment()}/> &nbsp; <span>{comments.length - 1 || 0}</span>
                   </JustifyContent>
                 </JustifyContent>
                 <Font2>