images updated in cart and products page

Amrit02102004 · Jul 3, 2024 · 0ad2bff · 0ad2bff
1 parent d99134e
commit 0ad2bff
Show file tree

Hide file tree

Showing 13 changed files with 5 additions and 3 deletions.
diff --git a/public/images/products/product1.jpeg b/public/images/products/product1.jpeg
diff --git a/public/images/products/product1.jpg b/public/images/products/product1.jpg
diff --git a/public/images/products/product2.jpeg b/public/images/products/product2.jpeg
diff --git a/public/images/products/product3.jpeg b/public/images/products/product3.jpeg
diff --git a/public/images/products/product4.jpeg b/public/images/products/product4.jpeg
diff --git a/public/images/products/product5.jpeg b/public/images/products/product5.jpeg
diff --git a/public/images/products/product6.jpeg b/public/images/products/product6.jpeg
diff --git a/public/images/products/product7.jpeg b/public/images/products/product7.jpeg
diff --git a/public/images/products/product8.jpeg b/public/images/products/product8.jpeg
diff --git a/src/Components/Cart/index.jsx b/src/Components/Cart/index.jsx
@@ -20,6 +20,7 @@ const CartComponent = ({ items, onRemoveFromCart, onUpdateQuantity }) => {
               <CartItem 
                 key={item.cartId}
                 productName={item.productName}
+                itemImage={item.image_url}
                 price={parseFloat(item.price)}
                 quantity={item.quantity}
                 onRemove={() => onRemoveFromCart(item.cartId)}

diff --git a/src/Components/CartItem/index.jsx b/src/Components/CartItem/index.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import './style.css';
 import { FaRegTrashAlt } from "react-icons/fa";
 
-const CartItem = ({ productName, price, quantity: initialQuantity, onRemove, onUpdateQuantity }) => {
+const CartItem = ({ productName, itemImage, price, quantity: initialQuantity, onRemove, onUpdateQuantity }) => {
     const [quantity, setQuantity] = useState(initialQuantity);
 
     useEffect(() => {
@@ -34,7 +34,7 @@ const CartItem = ({ productName, price, quantity: initialQuantity, onRemove, onU
         <>
             <div className="cartItem row align-items-center">
                 <div className="col-3 mb-2">
-                    <img className="w-100" src="https://codingyaar.com/wp-content/uploads/bag-scaled.jpg" alt="product image" />
+                    <img className="w-100" src={`/images/${itemImage}`} alt="product image" />
                 </div>
                 <div className="col-9 d-flex justify-content-between align-items-center">
                     <h6 className="m-0">{productName}</h6>

diff --git a/src/Components/ItemCard/index.jsx b/src/Components/ItemCard/index.jsx
@@ -32,7 +32,7 @@ const ItemCard = ({ itemName, itemImage, itemPrice, isAddedToCart, quantity: ini
         <>
             <div className="m-4">
                 <div className="card border-0 rounded-0 shadow card-width">
-                    <img src={`/images/${itemImage}`} className="card-img-top rounded-0" alt="..." />
+                    <img src={`/images/${itemImage}`} className="card-img-top rounded-0" style={{ height: '200px', width: 'auto', objectFit: 'cover' }}  alt="..." />
                     <div className="card-body mt-3 mb-3">
                         <div className="d-flex justify-content-between align-items-center">
                             <h4 className="card-title m-0 p-0">{itemName}</h4>

diff --git a/src/Pages/CartPage.jsx b/src/Pages/CartPage.jsx
@@ -18,6 +18,7 @@ const CartPage = () => {
             const items = await db.select({
                 cartId: mySchemaCart.product_id,
                 productName: mySchemaProducts.product_name,
+                image_url: mySchemaProducts.image_url,
                 price: mySchemaProducts.price,
                 quantity: mySchemaCart.quantity,
                 amount: mySchemaCart.amount