From 13ee6b88319d38ca3aca4c7197eb77044832feca Mon Sep 17 00:00:00 2001
From: soufiane <soufiane.baali99@gmail.com>
Date: Wed, 3 Dec 2025 16:44:59 +0100
Subject: [PATCH] fix: format numbers with locale separators in Lots & Prix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add toLocaleString('fr-FR') for all stats numbers
- Fix stock display formatting in prize cards

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/admin/PrizeManagement.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/admin/PrizeManagement.tsx b/components/admin/PrizeManagement.tsx
index f812fbc..e240b60 100644
--- a/components/admin/PrizeManagement.tsx
+++ b/components/admin/PrizeManagement.tsx
@@ -133,7 +133,7 @@ export default function PrizeManagement() {
               <Gift className="w-5 h-5 text-purple-600" />
             </div>
             <div>
-              <p className="text-2xl font-bold text-purple-700">{prizeStats.totalPrizes}</p>
+              <p className="text-2xl font-bold text-purple-700">{prizeStats.totalPrizes.toLocaleString('fr-FR')}</p>
               <p className="text-xs text-purple-600">Total Lots</p>
             </div>
           </div>
@@ -144,7 +144,7 @@ export default function PrizeManagement() {
               <Archive className="w-5 h-5 text-green-600" />
             </div>
             <div>
-              <p className="text-2xl font-bold text-green-700">{prizeStats.totalStock}</p>
+              <p className="text-2xl font-bold text-green-700">{prizeStats.totalStock.toLocaleString('fr-FR')}</p>
               <p className="text-xs text-green-600">Stock Total</p>
             </div>
           </div>
@@ -155,7 +155,7 @@ export default function PrizeManagement() {
               <Package className="w-5 h-5 text-blue-600" />
             </div>
             <div>
-              <p className="text-2xl font-bold text-blue-700">{prizeStats.totalUsed}</p>
+              <p className="text-2xl font-bold text-blue-700">{prizeStats.totalUsed.toLocaleString('fr-FR')}</p>
               <p className="text-xs text-blue-600">Distribués</p>
             </div>
           </div>
@@ -166,7 +166,7 @@ export default function PrizeManagement() {
               <Percent className="w-5 h-5 text-amber-600" />
             </div>
             <div>
-              <p className="text-2xl font-bold text-amber-700">{prizeStats.totalStock > 0 ? ((prizeStats.totalUsed / prizeStats.totalStock) * 100).toFixed(1) : 0}%</p>
+              <p className="text-2xl font-bold text-amber-700">{prizeStats.totalStock > 0 ? ((prizeStats.totalUsed / prizeStats.totalStock) * 100).toFixed(1) : '0.0'}%</p>
               <p className="text-xs text-amber-600">Taux distrib.</p>
             </div>
           </div>
@@ -251,7 +251,7 @@ export default function PrizeManagement() {
                         <div className="flex items-center justify-between mb-2">
                           <span className="text-sm text-gray-600">Stock</span>
                           <span className={`font-bold ${stockRemaining === 0 ? 'text-red-600' : 'text-green-600'}`}>
-                            {stockRemaining} / {prize.initialStock || prize.stock}
+                            {stockRemaining.toLocaleString('fr-FR')} / {(prize.initialStock || prize.stock || 0).toLocaleString('fr-FR')}
                           </span>
                         </div>
                         <div className="w-full bg-gray-200 rounded-full h-2">
@@ -266,7 +266,7 @@ export default function PrizeManagement() {
                       {prize.ticketsUsed !== undefined && prize.ticketsUsed > 0 && (
                         <div className="flex items-center justify-between p-3 bg-blue-50 rounded-xl">
                           <span className="text-sm text-blue-700">Distribués</span>
-                          <span className="font-bold text-blue-800">{prize.ticketsUsed}</span>
+                          <span className="font-bold text-blue-800">{prize.ticketsUsed.toLocaleString('fr-FR')}</span>
                         </div>
                       )}
                     </div>