Merge pull request #384 from adepat06/feat/delete-review

feat: allow users to delete their own reviews

Author: Nsanjayboruds

backend/controller/reviewController.js

@@ -152,4 +152,41 @@ export const getProductReviews = async (req, res) => {
     console.log(error);
     res.status(500).json({ message: "Server error" });
   }
+};
+
+export const deleteReview = async (req, res) => {
+  try {
+    const { reviewId } = req.params;
+
+    if (!mongoose.Types.ObjectId.isValid(reviewId)) {
+      return res.status(400).json({ message: "Invalid review ID" });
+    }
+
+    const review = await Review.findById(reviewId);
+
+    if (!review) {
+      return res.status(404).json({ message: "Review not found" });
+    }
+
+    if (review.userId.toString() !== req.userId) {
+      return res.status(403).json({
+        message: "You are not authorized to delete this review",
+      });
+    }
+
+    await review.deleteOne();
+
+    const { avgRating, reviewCount } = await recalculateProductRating(
+      review.productId
+    );
+
+    return res.status(200).json({
+      message: "Review deleted successfully",
+      avgRating,
+      reviewCount,
+    });
+  } catch (error) {
+    console.log(error);
+    res.status(500).json({ message: "Server error" });
+  }
 };

backend/routes/reviewRoute.js

@@ -2,18 +2,30 @@ import express from "express";
 import {
   addReview,
   getProductReviews,
+  deleteReview,
 } from "../controller/reviewController.js";
-
 import authUser from "../middleware/isAuth.js";
-
 import validateRequest from "../middleware/validateRequest.js";
 import { addReviewSchema } from "../validators/authSchemas.js";
 import { userRateLimiter } from "../middleware/rateLimiters.js";
 
 const reviewRouter = express.Router();
 
-reviewRouter.post("/add", authUser, userRateLimiter, validateRequest(addReviewSchema), addReview);
+reviewRouter.post(
+  "/add",
+  authUser,
+  userRateLimiter,
+  validateRequest(addReviewSchema),
+  addReview
+);
 
 reviewRouter.get("/:productId", getProductReviews);
 
-export default reviewRouter;
+reviewRouter.delete(
+  "/:reviewId",
+  authUser,
+  userRateLimiter,
+  deleteReview
+);
+
+export default reviewRouter;

frontend/src/pages/ProductDetail.jsx

@@ -203,6 +203,30 @@ function ProductDetail() {
     setIsEditingReview(true);
   };
 
+  const handleDeleteReview = async () => {
+  if (!userReview) return;
+
+  const confirmed = window.confirm(
+    'Are you sure you want to delete your review?'
+  );
+
+  if (!confirmed) return;
+
+  try {
+    const response = await apiConfig.delete(`/review/${userReview._id}`);
+
+    toast.success(response.data.message);
+
+    setReviewComment('');
+    setReviewRating(5);
+    setIsEditingReview(false);
+
+    fetchReviews();
+  } catch {
+    // API errors are shown by the global interceptor.
+  }
+};
+
   const handleCancelEdit = () => {
     setReviewComment('');
     setReviewRating(5);
@@ -567,45 +591,58 @@ function ProductDetail() {
                 className="space-y-6"
               >
                 {userReview && !isEditingReview ? (
-                  <div className="bg-slate-100 dark:bg-gray-800/50 p-6 rounded-xl border border-cyan-400/40">
-                    <div className="flex items-center justify-between mb-4">
-                      <h3 className="text-xl font-semibold text-slate-900 dark:text-white">
-                        Your Review
-                      </h3>
-                      <button
-                        type="button"
-                        onClick={handleEditReview}
-                        className="text-cyan-400 hover:text-cyan-300 text-sm font-medium"
-                      >
-                        Edit Review
-                      </button>
-                    </div>
-                    <div className="flex items-center gap-1 mb-2" aria-hidden="true">
-                      {[...Array(userReview.rating)].map((_, i) => (
-                        <FaStar key={i} className="text-yellow-400" />
-                      ))}
-                      
-                      {/* Integrated Sentiment Badge for Current User's Review */}
-                      {userReview.sentimentLabel === 'Positive' && (
-                        <span className="ml-3 px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400 border border-green-200 dark:border-green-800">
-                          Helpful Positive
-                        </span>
-                      )}
-                      {userReview.sentimentLabel === 'Negative' && (
-                        <span className="ml-3 px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400 border border-red-200 dark:border-red-800">
-                          Critical Review
-                        </span>
-                      )}
+  <div className="bg-slate-100 dark:bg-gray-800/50 p-6 rounded-xl border border-cyan-400/40">
+    <div className="flex items-center justify-between mb-4">
+      <h3 className="text-xl font-semibold text-slate-900 dark:text-white">
+        Your Review
+      </h3>
+
+      <div className="flex items-center gap-3">
+        <button
+          type="button"
+          onClick={handleEditReview}
+          className="text-cyan-400 hover:text-cyan-300 text-sm font-medium"
+        >
+          Edit Review
+        </button>
 
-                    </div>
-                    <p className="text-slate-700 dark:text-gray-300">
-                      {userReview.comment}
-                    </p>
-                    <p className="text-slate-500 dark:text-gray-400 text-sm mt-3">
-                      {new Date(userReview.createdAt).toLocaleDateString()}
-                    </p>
-                  </div>
-                ) : (
+        <button
+          type="button"
+          onClick={handleDeleteReview}
+          className="text-red-500 hover:text-red-400 text-sm font-medium"
+        >
+          Delete Review
+        </button>
+      </div>
+    </div>
+
+    <div className="flex items-center gap-1 mb-2" aria-hidden="true">
+      {[...Array(userReview.rating)].map((_, i) => (
+        <FaStar key={i} className="text-yellow-400" />
+      ))}
+
+      {userReview.sentimentLabel === 'Positive' && (
+        <span className="ml-3 px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400 border border-green-200 dark:border-green-800">
+          Helpful Positive
+        </span>
+      )}
+
+      {userReview.sentimentLabel === 'Negative' && (
+        <span className="ml-3 px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400 border border-red-200 dark:border-red-800">
+          Critical Review
+        </span>
+      )}
+    </div>
+
+    <p className="text-slate-700 dark:text-gray-300">
+      {userReview.comment}
+    </p>
+
+    <p className="text-slate-500 dark:text-gray-400 text-sm mt-3">
+      {new Date(userReview.createdAt).toLocaleDateString()}
+    </p>
+  </div>
+) : (
                   <div className="bg-slate-100 dark:bg-gray-800/50 p-6 rounded-xl border border-slate-200 dark:border-gray-700/60">
                     <h3 className="text-xl font-semibold mb-4 text-slate-900 dark:text-white">
                       {isEditingReview ? 'Edit Your Review' : 'Write a Review'}