From 75518e3e5ea2c4841cbb56c55049fcb16d720934 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Sat, 18 Jul 2026 19:00:56 +0100
Subject: [PATCH] Log approvalStatus value when rendering pending message

Add console log to show the actual value of approvalStatus when the
pending approval message is displayed.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 src/components/DesignCanvas.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/DesignCanvas.tsx b/src/components/DesignCanvas.tsx
index 55256ed..a32c221 100644
--- a/src/components/DesignCanvas.tsx
+++ b/src/components/DesignCanvas.tsx
@@ -1162,9 +1162,12 @@ export default function DesignCanvas({ product, isAdminEditing = false }: { prod
         </div>
 
         {approvalStatus === 'PENDING' && (
-          <p className="text-sm text-orange-600 bg-orange-50 border border-orange-200 px-4 py-3 rounded">
-            ⏳ Your design is pending admin approval. You'll receive an email when it's ready to add to your bag.
-          </p>
+          <>
+            {console.log('📍 Rendering PENDING message, approvalStatus =', approvalStatus)}
+            <p className="text-sm text-orange-600 bg-orange-50 border border-orange-200 px-4 py-3 rounded">
+              ⏳ Your design is pending admin approval. You'll receive an email when it's ready to add to your bag.
+            </p>
+          </>
         )}
         {approvalStatus === 'APPROVED' && (
           <p className="text-sm text-pine bg-green-50 border border-green-200 px-4 py-3 rounded">