From 2eecceed701dc5bafeca10a4a1def7b7c0a98739 Mon Sep 17 00:00:00 2001
From: Tim <47184194+imgde@users.noreply.github.com>
Date: Wed, 11 Jun 2025 15:10:53 +0200
Subject: [PATCH] Add Total to checkout

---
 01-frontend/src/helper/BasketProvider.tsx |  1 -
 01-frontend/src/main.tsx                  |  2 +-
 01-frontend/src/pages/Payment.tsx         | 17 +++++++++++------
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/01-frontend/src/helper/BasketProvider.tsx b/01-frontend/src/helper/BasketProvider.tsx
index 63a1320..693e27e 100644
--- a/01-frontend/src/helper/BasketProvider.tsx
+++ b/01-frontend/src/helper/BasketProvider.tsx
@@ -34,7 +34,6 @@ export const BasketProvider: React.FC<{ children: React.ReactNode }> = ({ childr
     };
 
     const clearBasket = () => {
-        console.log(" BASKET CLEARED BasketProvideur");
         setBasket([]);
     };
 
diff --git a/01-frontend/src/main.tsx b/01-frontend/src/main.tsx
index ba8e3cf..af6d251 100644
--- a/01-frontend/src/main.tsx
+++ b/01-frontend/src/main.tsx
@@ -4,7 +4,7 @@ import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App.tsx';
 
-console.log("main.tsx wurde geladen");
+console.log("main.tsx loaded");
 
 const rootElement = document.getElementById('root');
 if (!rootElement) throw new Error("Root element not found");
diff --git a/01-frontend/src/pages/Payment.tsx b/01-frontend/src/pages/Payment.tsx
index fd9df5b..fbcad07 100644
--- a/01-frontend/src/pages/Payment.tsx
+++ b/01-frontend/src/pages/Payment.tsx
@@ -58,6 +58,13 @@ function generateBasket(t: any, basket: any[]) {
     )
 }
 
+function generateTotal(t: any, basket: any[]) {
+    return basket.length === 0 ? "" :
+        <div className='rightBound'>
+            {t('total') + ": " + basket.map((item) => item.quantity * getDiscountedPrice(item.item))
+            .reduce((prev: number, cur: number) => prev + cur, 0).toFixed(2) + ` €`}
+        </div>
+}
 
 export default function Payment() {
 
@@ -99,7 +106,6 @@ export default function Payment() {
         }));
     };
     const handleClearBasket = () => {
-        console.log(" BASKET CLEARED Payment");
         clearBasket();
     };
 
@@ -128,11 +134,7 @@ export default function Payment() {
                         <Button variant="outlined" color="error" onClick={handleClearBasket} disabled={basket.length === 0}>
                             {t('clearCart')}
                         </Button>
-                        {basket.length === 0 ? "" :
-                        <div className='rightBound'>
-                            {t('total') + ": " + basket.map((item) => item.quantity * getDiscountedPrice(item.item))
-                            .reduce((prev: number, cur: number) => prev + cur, 0).toFixed(2) + ` €`}
-                        </div>}
+                        {generateTotal(t,basket)}
                     </Box>
                 );
             case 1:
@@ -243,6 +245,9 @@ export default function Payment() {
                         <Divider sx={{ my: 2 }} />
                         <Typography variant="h6">{t('orderedItems')}:</Typography>
                         {generateBasket(t, basket)}
+                        <Divider sx={{my: 2}} />
+                        {generateTotal(t, basket)}
+                        <br/>
                     </Box>
                 );
             default: