Merge pull request #2137 from DharshiBalasubramaniyam/product-detail

Fix - Product image not showing in the cart and wishlist
codervivek5 · Aug 5, 2024 · a6bf2a8 · a6bf2a8
2 parents 2f0bb3a + 2fc54c2
commit a6bf2a8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/User/components/Products/ProductDetails.jsx b/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);

diff --git a/src/User/pages/Order/Wishlist.jsx b/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"
                 />

diff --git a/src/User/redux/cartSlice.jsx b/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,
               }
             : []
         )