From ae09d2200418d2f0eaebf358e8b422bed649e1c6 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Sat, 18 Jul 2026 19:06:09 +0100
Subject: [PATCH] Don't persist approval status to localStorage

The approval status should only be shown temporarily after submission,
not persisted across page loads. This allows users to start fresh
designs on the same product without seeing old approval messages.

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

diff --git a/src/components/DesignCanvas.tsx b/src/components/DesignCanvas.tsx
index a32c221..2454e23 100644
--- a/src/components/DesignCanvas.tsx
+++ b/src/components/DesignCanvas.tsx
@@ -530,19 +530,6 @@ export default function DesignCanvas({ product, isAdminEditing = false }: { prod
   useEffect(() => {
     if (typeof window === 'undefined') return;
 
-    // Load approval status
-    const approvalSaved = localStorage.getItem(`designApproval_${product.id}`);
-    if (approvalSaved) {
-      try {
-        const data = JSON.parse(approvalSaved);
-        setDesignApprovalId(data.id);
-        setApprovalStatus(data.status);
-        console.log('✓ Approval status restored');
-      } catch (e) {
-        console.error('Failed to load approval status:', e);
-      }
-    }
-
     // Load design draft (saved when user tried to checkout without login)
     const designDraft = localStorage.getItem(`designDraft_${product.id}`);
     console.log(`🔍 Looking for designDraft_${product.id}:`, designDraft ? 'FOUND' : 'NOT FOUND');
@@ -992,19 +979,15 @@ export default function DesignCanvas({ product, isAdminEditing = false }: { prod
           setDesignHeightCm(null);
           setQuantity(1);
           setImageDimensions({});
-          // Clear localStorage draft and save approval status
+          // Clear localStorage draft (approval status stays in state only, not persisted)
           if (typeof window !== 'undefined') {
             try {
               localStorage.removeItem(`designDraft_${product.id}`);
+              localStorage.removeItem(`designApproval_${product.id}`);
               console.log('✓ Removed designDraft from localStorage');
             } catch (e) {
               console.error('Failed to remove designDraft:', e);
             }
-            localStorage.setItem(`designApproval_${product.id}`, JSON.stringify({
-              id: design.id,
-              status: 'PENDING',
-              submittedAt: new Date().toISOString(),
-            }));
           }
           console.log('✅ Design submitted for approval:', design.id);
           setTimeout(() => setSubmissionMessage(null), 5000);