From 801edfe89e31d9ec68489e7f52109e11d6a30f9e Mon Sep 17 00:00:00 2001
From: Jan-Marlon Leibl <jleibl@proton.me>
Date: Wed, 2 Apr 2025 12:58:12 +0200
Subject: [PATCH] feat(blackjack): add balance display to game result component

---
 .../feature/game/blackjack/blackjack.component.html |  1 +
 .../components/game-result/game-result.component.ts | 13 ++++++-------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/feature/game/blackjack/blackjack.component.html b/frontend/src/app/feature/game/blackjack/blackjack.component.html
index 1737cd9..fda8f1b 100644
--- a/frontend/src/app/feature/game/blackjack/blackjack.component.html
+++ b/frontend/src/app/feature/game/blackjack/blackjack.component.html
@@ -48,6 +48,7 @@
 <app-game-result
   [gameState]="gameState()"
   [amount]="currentBet()"
+  [balance]="balance()"
   [show]="showGameResult()"
   (gameResultClosed)="onCloseGameResult()"
 ></app-game-result>
diff --git a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts b/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts
index cba3ac4..59a6d9f 100644
--- a/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts
+++ b/frontend/src/app/feature/game/blackjack/components/game-result/game-result.component.ts
@@ -27,15 +27,14 @@ import { GameState } from '../../enum/gameState';
               'text-yellow-400': isDraw
             }">
               {{ isLoss ? '-' : '+' }}{{ isWin ? (amount * 2) : amount | currency:'EUR' }}
+              <div *ngIf="isWin" class="text-xs text-text-secondary">
+                (Einsatz {{ amount | currency:'EUR' }} × 2)
+              </div>
             </div>
 
-            <div class="text-text-secondary border-t border-text-secondary/20 pt-3 font-medium">Gesamt:</div>
-            <div class="font-medium text-right border-t border-text-secondary/20 pt-3" [ngClass]="{
-              'text-emerald': isWin,
-              'text-accent-red': isLoss,
-              'text-white': isDraw
-            }">
-              {{ isWin ? (amount * 2) : (isDraw ? amount : 0) | currency:'EUR' }}
+            <div class="text-text-secondary border-t border-text-secondary/20 pt-3 font-medium">Kontostand:</div>
+            <div class="font-medium text-right border-t border-text-secondary/20 pt-3">
+              {{ balance | currency:'EUR' }}
             </div>
           </div>
         </div>