From fce6a6af7a843e02abd385aac15a9c10f5e8b48b Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Thu, 12 Sep 2024 07:20:05 +0200
Subject: [PATCH] Hide checkout button on checkout

---
 components/Cart/CartContents.vue | 9 ++++++++-
 pages/cart.vue                   | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/Cart/CartContents.vue b/components/Cart/CartContents.vue
index cdea8f31..21a51f33 100644
--- a/components/Cart/CartContents.vue
+++ b/components/Cart/CartContents.vue
@@ -15,7 +15,7 @@
         @remove="handleRemoveProduct"
       />
     </section>
-    <CommonButton link-to="/checkout" center-button>
+    <CommonButton v-if="showCheckoutButton" link-to="/checkout" center-button>
       CHECKOUT
     </CommonButton>
   </div>
@@ -33,6 +33,13 @@ import { computed, ref, onMounted } from 'vue';
 import { useCart } from "@/store/useCart";
 import CommonButton from '@/components/common/CommonButton.vue';
 
+const props = defineProps({
+  showCheckoutButton: {
+    type: Boolean,
+    default: false
+  }
+});
+
 const cart = useCart();
 const isLoading = ref(true);
 const error = ref(null);
diff --git a/pages/cart.vue b/pages/cart.vue
index 883f4b39..2f904adf 100644
--- a/pages/cart.vue
+++ b/pages/cart.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <CartContents show-checkout-button />
+    <CartContents :show-checkout-button="true" />
   </div>
 </template>