Empty cart message added

mohitparmar1 · May 21, 2024 · 0d5c54b · 0d5c54b
1 parent f20b726
commit 0d5c54b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 26 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Components/CartItems.jsx b/src/Components/CartItems.jsx
@@ -5,6 +5,7 @@ import removeIcon from "../assets/cart_cross_icon.png";
 import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
 import {loadStripe} from '@stripe/stripe-js';
+import img from "../assets/emptycart_img.png"
 
 const CartItems = () => {
   const {
@@ -15,6 +16,8 @@ const CartItems = () => {
     AddToCart,
   } = useContext(ShopContext);
 
+  const isEmptyCart =  getCartTotalAmount()=== 0;
+
   //payment gateway
   const makePayment = async()=>{
     const stripe = await loadStripe("Enter Your Stripe Public Key Here");
@@ -64,6 +67,16 @@ console.log(cartItem)
         <p className="font-bold">Remove</p>
       </div>
       <hr />
+
+      { isEmptyCart&&(
+        <div>
+              <img
+                    src={img}
+                    className="m-auto flex-initial"
+                  />
+              </div>
+      )}
+
       {all_products &&
         all_products.map((item) => {
           if (cartItem[item.id] > 0) {

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