From dbb756dcee5caa8367a368596e1b4d51239f0347 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 12 Mar 2026 22:52:19 +0000
Subject: [PATCH] Preceding changes

---
 src/components/ProductCard.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/ProductCard.tsx b/src/components/ProductCard.tsx
index 525f960..5ee28a2 100644
--- a/src/components/ProductCard.tsx
+++ b/src/components/ProductCard.tsx
@@ -51,14 +51,10 @@ export function ProductCard({ product }: ProductCardProps) {
         />
         <Button
           size="icon"
-          className="absolute top-1.5 right-1.5 h-8 w-8 md:h-8 md:w-8 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all md:transform md:translate-y-2 md:group-hover:translate-y-0 touch-manipulation"
-          onClick={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            addItem(product);
-          }}
+          className={`absolute top-1.5 right-1.5 h-8 w-8 md:h-8 md:w-8 opacity-100 md:opacity-0 md:group-hover:opacity-100 transition-all md:transform md:translate-y-2 md:group-hover:translate-y-0 touch-manipulation ${justAdded ? 'bg-green-600 hover:bg-green-600' : ''}`}
+          onClick={handleAdd}
         >
-          <Plus className="h-4 w-4" />
+          {justAdded ? <Check className="h-4 w-4" /> : <Plus className="h-4 w-4" />}
         </Button>
       </div>
       <CardContent className="p-2 md:p-3">