From 544854ec3f584728bd8836bc150ddae68803ba22 Mon Sep 17 00:00:00 2001
From: Nixon <blindxfish@gmail.com>
Date: Sat, 20 Sep 2025 17:47:04 +0200
Subject: [PATCH] Fix toFixed error by converting string prices to numbers

---
 backend/src/controllers/rest/PaymentController.ts | 11 ++++++++++-
 frontend/src/components/CustomTokenCalculator.tsx |  2 +-
 frontend/src/components/TokenPurchaseFlow.tsx     |  4 ++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/backend/src/controllers/rest/PaymentController.ts b/backend/src/controllers/rest/PaymentController.ts
index ceaed92..8ba8c3d 100644
--- a/backend/src/controllers/rest/PaymentController.ts
+++ b/backend/src/controllers/rest/PaymentController.ts
@@ -67,9 +67,18 @@ export class PaymentController {
         ORDER BY quantity ASC
       `);
       
+      // Convert decimal fields to numbers
+      const packages = Array.isArray(rows) ? rows.map((pkg: any) => ({
+        ...pkg,
+        total_price: Number(pkg.total_price),
+        price_per_token: Number(pkg.price_per_token),
+        discount_percentage: Number(pkg.discount_percentage),
+        quantity: Number(pkg.quantity)
+      })) : [];
+      
       return {
         success: true,
-        packages: Array.isArray(rows) ? rows : []
+        packages
       };
     } catch (error) {
       console.error('Error getting token packages:', error);
diff --git a/frontend/src/components/CustomTokenCalculator.tsx b/frontend/src/components/CustomTokenCalculator.tsx
index fb4f31b..c1a7c1e 100644
--- a/frontend/src/components/CustomTokenCalculator.tsx
+++ b/frontend/src/components/CustomTokenCalculator.tsx
@@ -176,7 +176,7 @@ export default function CustomTokenCalculator({
                     </div>
                   </div>
                   <div className="text-right">
-                    <div className="font-medium">€{pkg.total_price.toFixed(2)}</div>
+                    <div className="font-medium">€{Number(pkg.total_price).toFixed(2)}</div>
                     <div className="text-sm text-gray-600 dark:text-gray-400">
                       {pkg.discount_percentage}% off
                     </div>
diff --git a/frontend/src/components/TokenPurchaseFlow.tsx b/frontend/src/components/TokenPurchaseFlow.tsx
index 2ae0d90..6655065 100644
--- a/frontend/src/components/TokenPurchaseFlow.tsx
+++ b/frontend/src/components/TokenPurchaseFlow.tsx
@@ -186,10 +186,10 @@ export default function TokenPurchaseFlow({
                               </div>
                               <div className="text-right">
                                 <div className="font-bold text-lg text-gray-900 dark:text-white">
-                                  €{pkg.total_price.toFixed(2)}
+                                  €{Number(pkg.total_price).toFixed(2)}
                                 </div>
                                 <div className="text-sm text-gray-600 dark:text-gray-400">
-                                  €{pkg.price_per_token.toFixed(2)} per token
+                                  €{Number(pkg.price_per_token).toFixed(2)} per token
                                 </div>
                               </div>
                             </div>