Add missing UI update after comment added

Author: BengeeL

frontend/src/components/content/CommentList.tsx

@@ -65,18 +65,22 @@ export default function CommentList({
     if (!user.uid) navigate(`../authentication/login`);
 
     // Add comment to the backend
-    const comment = await CommentService.publishComment(
+    const result = await CommentService.publishComment(
       contentId,
       newComment,
       user.uid
     );
 
     // Check if the comment was added successfully
-    if (comment instanceof Error) {
+    if (result instanceof Error) {
       toast("An error occurred while adding the comment.", "error");
       return;
     }
 
+    // Update comments list to reflect the new comment
+    setComments((prevComments) => [...prevComments, result.comment]);
+    setNumComments((prevNum) => prevNum + 1);
+
     setNewComment("");
   };
 
@@ -93,14 +97,14 @@ export default function CommentList({
     }
 
     // Update comment in the backend
-    const comment = await CommentService.updateComment(
+    const result = await CommentService.updateComment(
       selectedCommentEdit.comment_id,
       selectedCommentEdit.text,
       contentId
     );
 
     // Check if the comment was updated successfully
-    if (comment instanceof Error) {
+    if (result instanceof Error) {
       toast("An error occurred while updating the comment.", "error");
       return;
     }

frontend/src/pages/content/ContentEditor.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useAuth } from "../../hooks/AuthProvider/useAuth";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 import Cookies from "js-cookie";
 
 // TipTap (Import)

frontend/src/pages/content/ContentView.tsx

@@ -214,7 +214,7 @@ export default function ContentView() {
     if (localStorage.getItem("userUID") === content?.creatorUID) {
       try {
         // Delete content
-        const user_id = user?.uid;
+        const user_id = auth.user?.uid;
         const content_id = content?.uid;
         await axios({
           method: "delete",