Fix - Product image not showing in the cart and wishlist

src/User/components/Products/ProductDetails.jsx

@@ -263,8 +263,8 @@ const ProductPage = () => {
     try {
       const response = await axios.get(`https://dummyjson.com/products/${productId}`);
       const requiredProduct = response.data;
-      console.log(response.data)
       requiredProduct.newPrice = getNewPrice(requiredProduct.discountPercentage, requiredProduct.price)
+      requiredProduct.image = requiredProduct.images[0] || requiredProduct.thumbnail
       setProduct(requiredProduct);
     } catch (error) {
       console.error("Axios error:", error);

src/User/pages/Order/Wishlist.jsx

@@ -35,7 +35,7 @@ const WishlistItem = ({ product, onUpdate, onAddToCart, isExistsInTheCart }) =>
             style={{ border: "1px solid black" }}>
             <div className="flex items-center">
                 <img
-                    src={product.thumbnail}
+                    src={product.image}
                     alt={product.title}
                     className="w-32 h-32 md:w-20 md:h-20 rounded-lg mr-4"
                 />

src/User/redux/cartSlice.jsx

@@ -29,7 +29,7 @@ const cartSlice = createSlice({
                 oldPrice: product.price || product.oldPrice,
                 newPrice: product.newPrice,
                 total: newQuantity * product.newPrice,
-                image: product.thumbnail,
+                image: product.image,
               }
             : []
         )