From f09935564d8156beb9bc513a73462f414c62a062 Mon Sep 17 00:00:00 2001
From: Lea <lea.z4@schule.bremen.de>
Date: Wed, 26 Feb 2025 10:17:07 +0100
Subject: [PATCH 1/2] refactor: refactor and clean up of home.component.ts

---
 .../src/app/feature/home/home.component.ts    | 37 ++-----------------
 frontend/src/app/model/Game.ts                |  5 +++
 frontend/src/app/model/Transaction.ts         |  6 +++
 3 files changed, 14 insertions(+), 34 deletions(-)
 create mode 100644 frontend/src/app/model/Game.ts
 create mode 100644 frontend/src/app/model/Transaction.ts

diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts
index ebb2f02..050c885 100644
--- a/frontend/src/app/feature/home/home.component.ts
+++ b/frontend/src/app/feature/home/home.component.ts
@@ -1,21 +1,8 @@
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { KeycloakService } from 'keycloak-angular';
-import { MatDialog } from '@angular/material/dialog';
-import { DepositComponent } from '../deposit/deposit.component';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { NavbarComponent } from '../../shared/components/navbar/navbar.component';
 import { CurrencyPipe, NgFor } from '@angular/common';
-
-interface Game {
-  id: string;
-  name: string;
-  image: string;
-}
-interface Transaction {
-  id: string;
-  type: string;
-  amount: number;
-  date: string;
-}
+import {Game} from "../../model/Game";
+import {Transaction} from "../../model/Transaction";
 
 @Component({
   selector: 'app-homepage',
@@ -25,14 +12,6 @@ interface Transaction {
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export default class HomeComponent {
-  private keycloakService: KeycloakService = inject(KeycloakService);
-  public dialog: MatDialog = inject(MatDialog);
-
-  userAvatar = '/assets/images/default-avatar.png';
-  username = this.keycloakService.getUsername();
-  vipLevel = 1;
-  balance = 1000.0;
-
   featuredGames: Game[] = [
     {
       id: '1',
@@ -88,14 +67,4 @@ export default class HomeComponent {
       date: '2024-03-18',
     },
   ];
-
-  public logout() {
-    const baseUrl = window.location.origin;
-
-    this.keycloakService.logout(`${baseUrl}/`);
-  }
-
-  public openDialog() {
-    this.dialog.open(DepositComponent);
-  }
 }
diff --git a/frontend/src/app/model/Game.ts b/frontend/src/app/model/Game.ts
new file mode 100644
index 0000000..a3f3e74
--- /dev/null
+++ b/frontend/src/app/model/Game.ts
@@ -0,0 +1,5 @@
+export interface Game {
+  id: string;
+  name: string;
+  image: string;
+}
diff --git a/frontend/src/app/model/Transaction.ts b/frontend/src/app/model/Transaction.ts
new file mode 100644
index 0000000..21277b4
--- /dev/null
+++ b/frontend/src/app/model/Transaction.ts
@@ -0,0 +1,6 @@
+export interface Transaction {
+  id: string;
+  type: string;
+  amount: number;
+  date: string;
+}

From cfd59d876d5a536d26792a06b785ccfeba0e03bf Mon Sep 17 00:00:00 2001
From: Lea <lea.z4@schule.bremen.de>
Date: Wed, 26 Feb 2025 10:43:32 +0100
Subject: [PATCH 2/2] prettier

---
 frontend/src/app/feature/home/home.component.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts
index 050c885..c28b698 100644
--- a/frontend/src/app/feature/home/home.component.ts
+++ b/frontend/src/app/feature/home/home.component.ts
@@ -1,8 +1,8 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { NavbarComponent } from '../../shared/components/navbar/navbar.component';
 import { CurrencyPipe, NgFor } from '@angular/common';
-import {Game} from "../../model/Game";
-import {Transaction} from "../../model/Transaction";
+import { Game } from '../../model/Game';
+import { Transaction } from '../../model/Transaction';
 
 @Component({
   selector: 'app-homepage',