feat: use cash flow presentation in transaction histories

myteamwallet_frontend_modern/src/app/features/team/cashbox/cashbox.ts

@@ -24,8 +24,8 @@ import {
   TeamActivity,
 } from '../../../models/transaction.model';
 import { ConfirmDialog, ConfirmDialogData } from '../../../shared/confirm-dialog/confirm-dialog';
+import { TransactionAmount } from '../../../shared/transaction-amount/transaction-amount';
 import { splitAmounts } from './transaction-calculation';
-import { signedTransactionAmount } from '../../../models/transaction-amount';
 
 registerLocaleData(localeDe);
 
@@ -46,6 +46,7 @@ const HIGH_AMOUNT_CONFIRM_THRESHOLD = 300;
     MatProgressSpinnerModule,
     MatSelectModule,
     MatSnackBarModule,
+    TransactionAmount,
   ],
   providers: [{ provide: LOCALE_ID, useValue: 'de-DE' }],
   templateUrl: './cashbox.html',
@@ -62,9 +63,8 @@ export class Cashbox {
   private readonly teamStore = inject(TeamStore);
   private readonly transactionsApi = inject(TransactionsApi);
   private loadedTeamId: number | null = null;
-  private pendingPenaltyId: number | null = Number(
-    this.route.snapshot.queryParamMap.get('penaltyId'),
-  ) || null;
+  private pendingPenaltyId: number | null =
+    Number(this.route.snapshot.queryParamMap.get('penaltyId')) || null;
 
   protected readonly team = this.teamStore.team;
   protected readonly activities = signal<TeamActivity[]>([]);
@@ -239,10 +239,6 @@ export class Cashbox {
     );
   }
 
-  protected displayAmount(activity: TeamActivity): number {
-    return signedTransactionAmount(activity.amount, activity.type);
-  }
-
   private createPlayerTransactions(transactions: CreatePlayerTransaction[]): void {
     this.saving.set(true);
     this.transactionsApi.createPlayerTransactions(transactions).subscribe({