Fix: Comprehensive Fixes and Enhancements for User Feedback System

backend/models/Feedback.js

@@ -3,8 +3,7 @@ const Schema = mongoose.Schema;
 
 const FeedbackSchema = new Schema({
   userId: {
-    type: String,
-    required: true
+    type: String
   },
   rating: {
     type: Number,

backend/routes/feedback.js

@@ -19,16 +19,17 @@ router.post('/', auth, async (req, res) => {
       return res.status(400).json({ message: 'Please provide feedback with at least 10 characters' });
     }
 
-    // Create a new feedback instance
-    const newFeedback = new Feedback({
-      userId: req.user.id,
+    const feedbackData = {
       rating,
       comment,
-      category: category || 'other',
-      isAnonymous: isAnonymous || false
-    });
-
-    // Save the feedback to the database
+      category: category || "other",
+      isAnonymous: isAnonymous || false,
+    };
+
+    if (!feedbackData.isAnonymous) {
+      feedbackData.userId = req.user.id;
+    }
+    const newFeedback = new Feedback(feedbackData);
     await newFeedback.save();
 
     res.json({ success: true, message: 'Feedback submitted successfully' });

frontend/src/App.jsx

@@ -30,6 +30,9 @@ import LeetCode from "./Components/DashBoard/LeetCode";
 import FloatingSupportButton from "./Components/ui/Support";
 import FeedbackReviewPage from "./Components/feedback/FeedbackReviewPage";
 
+import 'react-toastify/dist/ReactToastify.css';
+import { ToastContainer } from 'react-toastify';
+
 function Home() {
   const [showTop, setShowTop] = useState(false);
 
@@ -139,6 +142,18 @@ function App() {
         <Route path="/leetcode/:leetUser" element={<LeetCode />} />
         <Route path="/feedback" element={<FeedbackReviewPage />} />
       </Routes>
+      <ToastContainer
+        position="bottom-right"
+        autoClose={5000}
+        hideProgressBar={false}
+        newestOnTop={false}
+        closeOnClick
+        rtl={false}
+        pauseOnFocusLoss
+        draggable
+        pauseOnHover
+        theme="dark"
+      />
     </TimerProvider>
   );
 }

frontend/src/Components/feedback/FeedbackController.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef } from "react";
 import FeedbackPopup from "./FeedbackPopup";
 import { useFeedback } from "../../context/FeedbackContext";
+import { toast } from 'react-toastify';
 
 const FEEDBACK_INTERVAL_DAYS = 5; // Number of days between feedback prompts
 const FEEDBACK_STORAGE_KEY = "devSync_feedback_state";
@@ -125,11 +126,11 @@ export default function FeedbackController({ user }) {
       );
 
       // Show success message
-      alert("Thank you for your feedback!");
+      toast.success("Thank you for your feedback!");
 
     } catch (error) {
       console.error("Error submitting feedback:", error);
-      alert("Failed to submit feedback. Please try again later.");
+      toast.success("Failed to submit feedback. Please try again later.");
     }
   };
 

frontend/src/Components/feedback/FeedbackPopup.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect ,useState } from "react";
 import {
   Dialog,
   DialogContent,
@@ -29,6 +29,20 @@ export default function FeedbackPopup({ open, onOpenChange, onSubmit, userInfo }
   const [isAnonymous, setIsAnonymous] = useState(false);
   const [errors, setErrors] = useState({ rating: "", comment: "" });
 
+  const resetForm = () => {
+    setRating(0);
+    setComment("");
+    setCategory("other");
+    setIsAnonymous(false);
+    setErrors({ rating: "", comment: "" });
+  };
+
+  useEffect(() => {
+    if (open) {
+      resetForm();
+    }
+  }, [open]); 
+
   const handleRatingChange = (value) => {
     setRating(value);
     if (errors.rating) setErrors({ ...errors, rating: "" });