Fix Cart operation issue (Delete from Cart and Move book to wishlist)

Author: lakshay2425

src/Components/Features/Cart.jsx

@@ -19,7 +19,7 @@ const Cart = () => {
 
 
   const updateData = (bookName)=>{   
-    const updatedCart = cartData.filter(item => item.title !== bookName);
+    const updatedCart = cartData.filter(item => item.bookName !== bookName);
     setCartData(updatedCart);
   };
 
@@ -171,16 +171,16 @@ const Cart = () => {
               </div>
               <div className="divide-y divide-gray-100">
                 {cartData.map(item => (
-                  <div key={item.title} className="p-4 hover:bg-gray-50 transition-colors">
+                  <div key={item.id} className="p-4 hover:bg-gray-50 transition-colors">
                     <div className="flex items-start space-x-4">
                       <img 
                         src={item.imageLink} 
-                        alt={item.title} 
+                        alt={item.bookName} 
                         className="w-16 h-20 object-cover rounded-md flex-shrink-0"
                       />
 
                       <div className="flex-1 min-w-0">
-                        <h3 className="text-lg font-semibold text-gray-900 truncate">{item.title}</h3>
+                        <h3 className="text-lg font-semibold text-gray-900 truncate">{item.bookName}</h3>
                         <p className="text-sm text-gray-600 mt-1">{item.author}</p>
 
                         <div className="flex items-center justify-between mt-3">
@@ -201,8 +201,8 @@ const Cart = () => {
                           <div className="flex items-center space-x-2">
                             <button 
                               onClick={() => {
-                                moveBook(item.title, "wishlist", handleError, handleSuccess)
-                                updateData(item.title);
+                                moveBook(item.bookName, "wishlist", handleError, handleSuccess)
+                                updateData(item.bookName);
                               }}
                               className="text-blue-500 hover:text-blue-700 transition p-2 hover:bg-blue-50 rounded"
                               title="Move to Wishlist"
@@ -211,8 +211,8 @@ const Cart = () => {
                             </button>
                             <button 
                               onClick={() => {
-                                deleteBook(item.title, "cart", handleError, handleSuccess);
-                                updateData(item.title);
+                                deleteBook(item.bookName, "cart", handleError, handleSuccess);
+                                updateData(item.bookName);
                               }}
                               className="text-red-500 hover:text-red-700 transition p-2 hover:bg-red-50 rounded"
                               title="Remove from Cart"
@@ -249,7 +249,7 @@ const Cart = () => {
               <div className="p-4 space-y-4">
                 {cartData.map(item => (
                   <div key={item._id} className="pb-3 border-b border-gray-100 last:border-b-0">
-                    <div className="font-medium text-sm text-gray-900 mb-2">{item.title}</div>
+                    <div className="font-medium text-sm text-gray-900 mb-2">{item.bookName}</div>
                     <div className="space-y-1 text-xs text-gray-600">
                       <div className="flex justify-between">
                         <span>Book Price:</span>

src/Components/utils/bookOperation.js

@@ -27,9 +27,9 @@ export const addBook = async (bookName, category, handleError, handleSuccess, op
 
 export const deleteBook = async (bookName, category, handleError, handleSuccess) => {
   try {
-    if (!bookName) {
-      return handleError("Bookname is missing")
-    }
+    // if (!bookName) {
+    //   return handleError("Bookname is missing")
+    // }
     const response = await apiCalling(`${category}?bookName=${bookName}`, "DELETE");
     if (response.success) {
       handleSuccess("Book removed successfully from the wishlist");
@@ -43,6 +43,7 @@ export const deleteBook = async (bookName, category, handleError, handleSuccess)
 
 export const moveBook = async (bookName, category, handleError, handleSuccess) => {
   try {
+    // if(!bookName) return handleError("Book Name is missing")
     const response = await apiCalling(`${category}/moveTo${category}`, "POST", { bookName });
 
     if (response.success) {