Merge pull request #231 from UjjwalGupta1105/showcaseMesssage

Empty cart message added
mohitparmar1 · Jun 2, 2024 · f8593b0 · f8593b0
2 parents 649d960 + aea4b64
commit f8593b0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/Components/CartItems.jsx b/src/Components/CartItems.jsx
@@ -6,6 +6,7 @@ import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
 import { loadStripe } from "@stripe/stripe-js";
 import { Link } from "react-router-dom";
+import img from '../assets/Empty_Cart_img.png'
 
 const CartItems = () => {
   const {
@@ -16,6 +17,9 @@ const CartItems = () => {
     AddToCart,
   } = useContext(ShopContext);
 
+
+  const isEmptyCart=Object.keys(cartItem).length
+
   //payment gateway
   const makePayment = async () => {
     const stripe = await loadStripe("Enter Your Stripe Public Key Here");
@@ -73,6 +77,9 @@ const CartItems = () => {
               <span className="font-semibold">Quantity</span>
               <span className="font-semibold">Total Price</span>
             </div>
+
+            {isEmptyCart && (<img src={img} alt="image" />)}
+
             {all_products &&
               all_products.map((item) => {
                 if (cartItem[item.id] > 0) {

diff --git a/src/assets/Empty_Cart_img.png b/src/assets/Empty_Cart_img.png