From 211355f6a4c28a5ba7cfb6a14c9dfc79ef3c4181 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane.baali99@gmail.com>
Date: Fri, 5 Dec 2025 12:15:33 +0100
Subject: [PATCH] fix: update stat cards to use primary colors instead of
 green/blue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Changed Réclamés stat card on history page from green to primary
- Changed Réclamés filter button from green to primary
- Unified Gains réclamés on client page to use primary-600

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/client/page.tsx     | 4 ++--
 app/historique/page.tsx | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/client/page.tsx b/app/client/page.tsx
index 4a003c2..916c58c 100644
--- a/app/client/page.tsx
+++ b/app/client/page.tsx
@@ -123,12 +123,12 @@ export default function ClientPage() {
                 <p className="text-sm font-medium text-gray-600 mb-2">
                   Gains réclamés
                 </p>
-                <p className="text-4xl font-bold text-primary-500">
+                <p className="text-4xl font-bold text-primary-600">
                   {stats.claimed}
                 </p>
               </div>
               <div className="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center">
-                <svg className="w-8 h-8 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg className="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                 </svg>
               </div>
diff --git a/app/historique/page.tsx b/app/historique/page.tsx
index 8a3c700..12f18ab 100644
--- a/app/historique/page.tsx
+++ b/app/historique/page.tsx
@@ -120,10 +120,10 @@ export default function HistoriquePage() {
             <div className="flex items-center justify-between">
               <div>
                 <p className="text-sm font-medium text-gray-600 mb-2">Réclamés</p>
-                <p className="text-4xl font-bold text-green-600">{stats.claimed}</p>
+                <p className="text-4xl font-bold text-primary-600">{stats.claimed}</p>
               </div>
-              <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
-                <svg className="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <div className="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center">
+                <svg className="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
                 </svg>
               </div>
@@ -189,7 +189,7 @@ export default function HistoriquePage() {
                 onClick={() => setFilter('CLAIMED')}
                 className={`px-4 py-2 rounded-lg font-semibold transition-all ${
                   filter === 'CLAIMED'
-                    ? 'bg-green-600 text-white shadow-lg'
+                    ? 'bg-primary-600 text-white shadow-lg'
                     : 'bg-beige-100 text-gray-700 hover:bg-beige-200'
                 }`}
               >