From 0038d792b08d5f5e97f149ed39afaacea4e935d7 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Sat, 18 Jul 2026 09:57:41 +0100
Subject: [PATCH] Update 'Add to bag' button price to show personalized price
 when design elements are added

---
 src/components/DesignCanvas.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/DesignCanvas.tsx b/src/components/DesignCanvas.tsx
index 7d478bb..5441c5a 100644
--- a/src/components/DesignCanvas.tsx
+++ b/src/components/DesignCanvas.tsx
@@ -867,7 +867,7 @@ export default function DesignCanvas({ product }: { product: ProductDTO }) {
             onClick={handleAddToBag}
             className="flex-1 bg-clay px-6 py-3 text-sm font-medium text-paper transition-colors hover:bg-clay-dark"
           >
-            Add to bag — <Price cents={product.effectivePrice * quantity} />
+            Add to bag — <Price cents={(elements.length > 0 ? effectivePriceForPersonalised : product.effectivePrice) * quantity} />
           </button>
         </div>
         {justAdded && <p className="text-sm text-pine">Added to your bag.</p>}