diff --git a/frontend/src/app/feature/landing/landing.component.ts b/frontend/src/app/feature/landing/landing.component.ts
index a3b77e3..b12c5d7 100644
--- a/frontend/src/app/feature/landing/landing.component.ts
+++ b/frontend/src/app/feature/landing/landing.component.ts
@@ -1,13 +1,12 @@
-import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit } from '@angular/core';
-import { NgFor } from '@angular/common';
-import { NavbarComponent } from '@shared/components/navbar/navbar.component';
-import { RouterLink } from '@angular/router';
-import { AuthService } from '@service/auth.service';
+import {ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit} from '@angular/core';
+import {NgFor} from '@angular/common';
+import {RouterLink} from '@angular/router';
+import {AuthService} from '@service/auth.service';
@Component({
selector: 'app-landing-page',
standalone: true,
- imports: [NavbarComponent, NgFor, RouterLink],
+ imports: [NgFor, RouterLink],
templateUrl: './landing.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
})
diff --git a/frontend/src/app/feature/login-success/login-success.component.css b/frontend/src/app/feature/login-success/login-success.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/frontend/src/app/feature/login-success/login-success.component.html b/frontend/src/app/feature/login-success/login-success.component.html
deleted file mode 100644
index ba9d449..0000000
--- a/frontend/src/app/feature/login-success/login-success.component.html
+++ /dev/null
@@ -1 +0,0 @@
-
Logging in...
diff --git a/frontend/src/app/feature/login-success/login-success.component.ts b/frontend/src/app/feature/login-success/login-success.component.ts
deleted file mode 100644
index d10a322..0000000
--- a/frontend/src/app/feature/login-success/login-success.component.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
-import { AuthService } from '../../service/auth.service';
-import { OAuthService } from 'angular-oauth2-oidc';
-
-@Component({
- selector: 'app-login-success',
- standalone: true,
- imports: [],
- templateUrl: './login-success.component.html',
- styleUrl: './login-success.component.css',
- changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export default class LoginSuccessComponent implements OnInit {
- private authService: AuthService = inject(AuthService);
- private oauthService: OAuthService = inject(OAuthService);
- private router: Router = inject(Router);
-
- async ngOnInit() {
- try {
- if (this.oauthService.hasValidAccessToken()) {
- this.router.navigate(['/home']);
- } else {
- setTimeout(() => {
- if (this.oauthService.hasValidAccessToken() || this.authService.getUser()) {
- this.router.navigate(['/home']);
- } else {
- this.router.navigate(['/']);
- }
- }, 3000);
- }
- } catch (err) {
- console.error('Error during login callback:', err);
- setTimeout(() => {
- if (this.authService.isLoggedIn()) {
- this.router.navigate(['/home']);
- } else {
- this.router.navigate(['/']);
- }
- }, 3000);
- }
- }
-}
diff --git a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
index cc234ac..d4abab7 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
+++ b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html
@@ -1,5 +1,3 @@
-
-
Lootbox Öffnen
diff --git a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
index 97e5200..2624299 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
+++ b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
@@ -1,17 +1,16 @@
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ActivatedRoute, Router } from '@angular/router';
-import { LootboxService } from '../services/lootbox.service';
-import { LootBox, Reward } from 'app/model/LootBox';
-import { NavbarComponent } from '@shared/components/navbar/navbar.component';
-import { UserService } from '@service/user.service';
-import { User } from 'app/model/User';
-import { AuthService } from '@service/auth.service';
+import {ChangeDetectorRef, Component} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {ActivatedRoute, Router} from '@angular/router';
+import {LootboxService} from '../services/lootbox.service';
+import {LootBox, Reward} from 'app/model/LootBox';
+import {UserService} from '@service/user.service';
+import {User} from 'app/model/User';
+import {AuthService} from '@service/auth.service';
@Component({
selector: 'app-lootbox-opening',
standalone: true,
- imports: [CommonModule, NavbarComponent],
+ imports: [CommonModule],
templateUrl: './lootbox-opening.component.html',
styleUrls: ['./lootbox-opening.component.css'],
})
diff --git a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html
index 25d8df0..76fcc04 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html
+++ b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html
@@ -1,4 +1,3 @@
-
Lootboxen
diff --git a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
index dc39869..cc3e91f 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
+++ b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
@@ -1,18 +1,17 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NavbarComponent } from '@shared/components/navbar/navbar.component';
-import { LootboxService } from '../services/lootbox.service';
-import { LootBox } from 'app/model/LootBox';
-import { Router } from '@angular/router';
-import { timeout } from 'rxjs';
-import { User } from 'app/model/User';
-import { AuthService } from '@service/auth.service';
-import { UserService } from '@service/user.service';
+import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {LootboxService} from '../services/lootbox.service';
+import {LootBox} from 'app/model/LootBox';
+import {Router} from '@angular/router';
+import {timeout} from 'rxjs';
+import {User} from 'app/model/User';
+import {AuthService} from '@service/auth.service';
+import {UserService} from '@service/user.service';
@Component({
selector: 'app-lootbox-selection',
standalone: true,
- imports: [CommonModule, NavbarComponent],
+ imports: [CommonModule],
templateUrl: './lootbox-selection.component.html',
styleUrls: ['./lootbox-selection.component.css'],
})
diff --git a/frontend/src/app/feature/transaction-history/transaction-history.component.ts b/frontend/src/app/feature/transaction-history/transaction-history.component.ts
index 338ef4e..b0e12f8 100644
--- a/frontend/src/app/feature/transaction-history/transaction-history.component.ts
+++ b/frontend/src/app/feature/transaction-history/transaction-history.component.ts
@@ -1,15 +1,8 @@
-import {
- ChangeDetectionStrategy,
- Component,
- EventEmitter,
- inject,
- Input,
- Output,
-} from '@angular/core';
-import { TransactionService } from '@service/transaction.service';
-import { Observable } from 'rxjs';
-import { AsyncPipe, CurrencyPipe, DatePipe, NgIf } from '@angular/common';
-import { TransactionData } from '../../model/TransactionData';
+import {ChangeDetectionStrategy, Component, EventEmitter, inject, Input, Output,} from '@angular/core';
+import {TransactionService} from '@service/transaction.service';
+import {Observable} from 'rxjs';
+import {AsyncPipe, CurrencyPipe, DatePipe, NgIf} from '@angular/common';
+import {TransactionData} from '../../model/TransactionData';
const PER_PAGE = 5;
diff --git a/frontend/src/app/shared/components/navbar/navbar.component.html b/frontend/src/app/shared/components/navbar/navbar.component.html
index 90b63eb..749437f 100644
--- a/frontend/src/app/shared/components/navbar/navbar.component.html
+++ b/frontend/src/app/shared/components/navbar/navbar.component.html
@@ -11,7 +11,7 @@
- @if (!isLoggedIn) {
+ @if (!isLoggedIn()) {
Anmelden
Registrieren
}
- @if (isLoggedIn) {
+ @if (isLoggedIn()) {
Spiele
- @if (!isLoggedIn) {
+ @if (!isLoggedIn()) {
Anmelden
@@ -80,7 +80,7 @@
>Registrieren
}
- @if (isLoggedIn) {
+ @if (isLoggedIn()) {
}
diff --git a/frontend/src/app/shared/components/navbar/navbar.component.ts b/frontend/src/app/shared/components/navbar/navbar.component.ts
index 5d44f60..8f646f5 100644
--- a/frontend/src/app/shared/components/navbar/navbar.component.ts
+++ b/frontend/src/app/shared/components/navbar/navbar.component.ts
@@ -21,7 +21,7 @@ import { AnimatedNumberComponent } from '@blackjack/components/animated-number/a
export class NavbarComponent implements OnInit, OnDestroy {
isMenuOpen = false;
private authService: AuthService = inject(AuthService);
- isLoggedIn = this.authService.isLoggedIn();
+ isLoggedIn = signal(this.authService.isLoggedIn());
private authSubscription!: Subscription;
public balance = signal(0);
@@ -30,6 +30,7 @@ export class NavbarComponent implements OnInit, OnDestroy {
this.authSubscription = this.authService.userSubject.subscribe({
next: (user) => {
this.balance.set(user?.balance ?? 0);
+ this.isLoggedIn.set(this.authService.isLoggedIn());
},
});
}
--
2.47.2
From f42070cfaeff1010f6518d389c8328ecb7164d17 Mon Sep 17 00:00:00 2001
From: Phan Huy Tran
Date: Wed, 14 May 2025 09:34:27 +0200
Subject: [PATCH 2/2] style: run quality tools
---
frontend/src/app/app.component.ts | 2 +-
.../app/feature/auth/login/login.component.ts | 12 +++----
.../auth/register/register.component.ts | 12 +++----
.../app/feature/deposit/deposit.component.ts | 14 ++++----
.../game/blackjack/blackjack.component.ts | 32 +++++++++----------
.../app/feature/game/slots/slots.component.ts | 23 ++++++++-----
.../src/app/feature/home/home.component.ts | 20 ++++++------
.../app/feature/landing/landing.component.ts | 8 ++---
.../lootbox-opening.component.ts | 16 +++++-----
.../lootbox-selection.component.ts | 18 +++++------
.../transaction-history.component.ts | 17 +++++++---
11 files changed, 94 insertions(+), 80 deletions(-)
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
index 07aa848..3e25d5b 100644
--- a/frontend/src/app/app.component.ts
+++ b/frontend/src/app/app.component.ts
@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterOutlet } from '@angular/router';
import { FooterComponent } from '@shared/components/footer/footer.component';
-import {NavbarComponent} from "@shared/components/navbar/navbar.component";
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
@Component({
selector: 'app-root',
diff --git a/frontend/src/app/feature/auth/login/login.component.ts b/frontend/src/app/feature/auth/login/login.component.ts
index 3067ba6..1ed3537 100644
--- a/frontend/src/app/feature/auth/login/login.component.ts
+++ b/frontend/src/app/feature/auth/login/login.component.ts
@@ -1,9 +1,9 @@
-import {Component} from '@angular/core';
-import {FormBuilder, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
-import {Router, RouterLink} from '@angular/router';
-import {LoginRequest} from '../../../model/auth/LoginRequest';
-import {AuthService} from '../../../service/auth.service';
-import {CommonModule} from '@angular/common';
+import { Component } from '@angular/core';
+import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { LoginRequest } from '../../../model/auth/LoginRequest';
+import { AuthService } from '../../../service/auth.service';
+import { CommonModule } from '@angular/common';
@Component({
selector: 'app-login',
diff --git a/frontend/src/app/feature/auth/register/register.component.ts b/frontend/src/app/feature/auth/register/register.component.ts
index e14cd8f..22a032f 100644
--- a/frontend/src/app/feature/auth/register/register.component.ts
+++ b/frontend/src/app/feature/auth/register/register.component.ts
@@ -1,9 +1,9 @@
-import {Component} from '@angular/core';
-import {FormBuilder, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
-import {Router, RouterLink} from '@angular/router';
-import {RegisterRequest} from '../../../model/auth/RegisterRequest';
-import {AuthService} from '@service/auth.service';
-import {CommonModule} from '@angular/common';
+import { Component } from '@angular/core';
+import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { RegisterRequest } from '../../../model/auth/RegisterRequest';
+import { AuthService } from '@service/auth.service';
+import { CommonModule } from '@angular/common';
@Component({
selector: 'app-register',
diff --git a/frontend/src/app/feature/deposit/deposit.component.ts b/frontend/src/app/feature/deposit/deposit.component.ts
index 20c6aa5..8768bbe 100644
--- a/frontend/src/app/feature/deposit/deposit.component.ts
+++ b/frontend/src/app/feature/deposit/deposit.component.ts
@@ -14,14 +14,14 @@ import {
SimpleChanges,
ViewChild,
} from '@angular/core';
-import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
-import {loadStripe, Stripe} from '@stripe/stripe-js';
-import {debounceTime} from 'rxjs';
-import {CommonModule} from '@angular/common';
+import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { loadStripe, Stripe } from '@stripe/stripe-js';
+import { debounceTime } from 'rxjs';
+import { CommonModule } from '@angular/common';
import gsap from 'gsap';
-import {DepositService} from '@service/deposit.service';
-import {environment} from '@environments/environment';
-import {ModalAnimationService} from '@shared/services/modal-animation.service';
+import { DepositService } from '@service/deposit.service';
+import { environment } from '@environments/environment';
+import { ModalAnimationService } from '@shared/services/modal-animation.service';
@Component({
selector: 'app-deposit',
diff --git a/frontend/src/app/feature/game/blackjack/blackjack.component.ts b/frontend/src/app/feature/game/blackjack/blackjack.component.ts
index a6eb6a4..63c6a3a 100644
--- a/frontend/src/app/feature/game/blackjack/blackjack.component.ts
+++ b/frontend/src/app/feature/game/blackjack/blackjack.component.ts
@@ -1,19 +1,19 @@
-import {ChangeDetectionStrategy, Component, inject, OnInit, signal} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {Router} from '@angular/router';
-import {DealerHandComponent} from './components/dealer-hand/dealer-hand.component';
-import {PlayerHandComponent} from './components/player-hand/player-hand.component';
-import {GameControlsComponent} from './components/game-controls/game-controls.component';
-import {GameInfoComponent} from './components/game-info/game-info.component';
-import {BlackjackGame, Card} from '@blackjack/models/blackjack.model';
-import {BlackjackService} from '@blackjack/services/blackjack.service';
-import {HttpErrorResponse} from '@angular/common/http';
-import {GameResultComponent} from '@blackjack/components/game-result/game-result.component';
-import {GameState} from '@blackjack/enum/gameState';
-import {UserService} from '@service/user.service';
-import {timer} from 'rxjs';
-import {DebtDialogComponent} from '@shared/components/debt-dialog/debt-dialog.component';
-import {AuthService} from '@service/auth.service';
+import { ChangeDetectionStrategy, Component, inject, OnInit, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router } from '@angular/router';
+import { DealerHandComponent } from './components/dealer-hand/dealer-hand.component';
+import { PlayerHandComponent } from './components/player-hand/player-hand.component';
+import { GameControlsComponent } from './components/game-controls/game-controls.component';
+import { GameInfoComponent } from './components/game-info/game-info.component';
+import { BlackjackGame, Card } from '@blackjack/models/blackjack.model';
+import { BlackjackService } from '@blackjack/services/blackjack.service';
+import { HttpErrorResponse } from '@angular/common/http';
+import { GameResultComponent } from '@blackjack/components/game-result/game-result.component';
+import { GameState } from '@blackjack/enum/gameState';
+import { UserService } from '@service/user.service';
+import { timer } from 'rxjs';
+import { DebtDialogComponent } from '@shared/components/debt-dialog/debt-dialog.component';
+import { AuthService } from '@service/auth.service';
@Component({
selector: 'app-blackjack',
diff --git a/frontend/src/app/feature/game/slots/slots.component.ts b/frontend/src/app/feature/game/slots/slots.component.ts
index a072c27..ff5a086 100644
--- a/frontend/src/app/feature/game/slots/slots.component.ts
+++ b/frontend/src/app/feature/game/slots/slots.component.ts
@@ -1,11 +1,18 @@
-import {ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit, signal,} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
-import {CommonModule, CurrencyPipe, KeyValuePipe, NgClass} from '@angular/common';
-import {FormsModule} from '@angular/forms';
-import {UserService} from '@service/user.service';
-import {Subscription} from 'rxjs';
-import {AnimatedNumberComponent} from '@blackjack/components/animated-number/animated-number.component';
-import {AuthService} from '@service/auth.service';
+import {
+ ChangeDetectionStrategy,
+ Component,
+ inject,
+ OnDestroy,
+ OnInit,
+ signal,
+} from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { CommonModule, CurrencyPipe, KeyValuePipe, NgClass } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { UserService } from '@service/user.service';
+import { Subscription } from 'rxjs';
+import { AnimatedNumberComponent } from '@blackjack/components/animated-number/animated-number.component';
+import { AuthService } from '@service/auth.service';
interface SlotResult {
status: 'win' | 'lose' | 'blank' | 'start';
diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts
index d7edf6f..07b5f9f 100644
--- a/frontend/src/app/feature/home/home.component.ts
+++ b/frontend/src/app/feature/home/home.component.ts
@@ -1,14 +1,14 @@
-import {ChangeDetectionStrategy, Component, inject, OnInit} from '@angular/core';
-import {AsyncPipe, CurrencyPipe, DatePipe, NgFor} from '@angular/common';
-import {DepositComponent} from '../deposit/deposit.component';
-import {ActivatedRoute, Router} from '@angular/router';
-import {ConfirmationComponent} from '@shared/components/confirmation/confirmation.component';
-import {Game} from 'app/model/Game';
-import {Observable} from 'rxjs';
-import {TransactionService} from '@service/transaction.service';
+import { ChangeDetectionStrategy, Component, inject, OnInit } from '@angular/core';
+import { AsyncPipe, CurrencyPipe, DatePipe, NgFor } from '@angular/common';
+import { DepositComponent } from '../deposit/deposit.component';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ConfirmationComponent } from '@shared/components/confirmation/confirmation.component';
+import { Game } from 'app/model/Game';
+import { Observable } from 'rxjs';
+import { TransactionService } from '@service/transaction.service';
import format from 'ajv/dist/vocabularies/format';
-import {TransactionHistoryComponent} from '../transaction-history/transaction-history.component';
-import {TransactionData} from '../../model/TransactionData';
+import { TransactionHistoryComponent } from '../transaction-history/transaction-history.component';
+import { TransactionData } from '../../model/TransactionData';
@Component({
selector: 'app-homepage',
diff --git a/frontend/src/app/feature/landing/landing.component.ts b/frontend/src/app/feature/landing/landing.component.ts
index b12c5d7..9e66baf 100644
--- a/frontend/src/app/feature/landing/landing.component.ts
+++ b/frontend/src/app/feature/landing/landing.component.ts
@@ -1,7 +1,7 @@
-import {ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit} from '@angular/core';
-import {NgFor} from '@angular/common';
-import {RouterLink} from '@angular/router';
-import {AuthService} from '@service/auth.service';
+import { ChangeDetectionStrategy, Component, inject, OnDestroy, OnInit } from '@angular/core';
+import { NgFor } from '@angular/common';
+import { RouterLink } from '@angular/router';
+import { AuthService } from '@service/auth.service';
@Component({
selector: 'app-landing-page',
diff --git a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
index 2624299..20faa02 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
+++ b/frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts
@@ -1,11 +1,11 @@
-import {ChangeDetectorRef, Component} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {ActivatedRoute, Router} from '@angular/router';
-import {LootboxService} from '../services/lootbox.service';
-import {LootBox, Reward} from 'app/model/LootBox';
-import {UserService} from '@service/user.service';
-import {User} from 'app/model/User';
-import {AuthService} from '@service/auth.service';
+import { ChangeDetectorRef, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActivatedRoute, Router } from '@angular/router';
+import { LootboxService } from '../services/lootbox.service';
+import { LootBox, Reward } from 'app/model/LootBox';
+import { UserService } from '@service/user.service';
+import { User } from 'app/model/User';
+import { AuthService } from '@service/auth.service';
@Component({
selector: 'app-lootbox-opening',
diff --git a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
index cc3e91f..373199b 100644
--- a/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
+++ b/frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts
@@ -1,12 +1,12 @@
-import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {LootboxService} from '../services/lootbox.service';
-import {LootBox} from 'app/model/LootBox';
-import {Router} from '@angular/router';
-import {timeout} from 'rxjs';
-import {User} from 'app/model/User';
-import {AuthService} from '@service/auth.service';
-import {UserService} from '@service/user.service';
+import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { LootboxService } from '../services/lootbox.service';
+import { LootBox } from 'app/model/LootBox';
+import { Router } from '@angular/router';
+import { timeout } from 'rxjs';
+import { User } from 'app/model/User';
+import { AuthService } from '@service/auth.service';
+import { UserService } from '@service/user.service';
@Component({
selector: 'app-lootbox-selection',
diff --git a/frontend/src/app/feature/transaction-history/transaction-history.component.ts b/frontend/src/app/feature/transaction-history/transaction-history.component.ts
index b0e12f8..338ef4e 100644
--- a/frontend/src/app/feature/transaction-history/transaction-history.component.ts
+++ b/frontend/src/app/feature/transaction-history/transaction-history.component.ts
@@ -1,8 +1,15 @@
-import {ChangeDetectionStrategy, Component, EventEmitter, inject, Input, Output,} from '@angular/core';
-import {TransactionService} from '@service/transaction.service';
-import {Observable} from 'rxjs';
-import {AsyncPipe, CurrencyPipe, DatePipe, NgIf} from '@angular/common';
-import {TransactionData} from '../../model/TransactionData';
+import {
+ ChangeDetectionStrategy,
+ Component,
+ EventEmitter,
+ inject,
+ Input,
+ Output,
+} from '@angular/core';
+import { TransactionService } from '@service/transaction.service';
+import { Observable } from 'rxjs';
+import { AsyncPipe, CurrencyPipe, DatePipe, NgIf } from '@angular/common';
+import { TransactionData } from '../../model/TransactionData';
const PER_PAGE = 5;
--
2.47.2