refactor: refactor and clean up of home.component.ts

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);
-  }
 }

frontend/src/app/model/Game.ts

@@ -0,0 +1,5 @@
+export interface Game {
+  id: string;
+  name: string;
+  image: string;
+}

frontend/src/app/model/Transaction.ts

@@ -0,0 +1,6 @@
+export interface Transaction {
+  id: string;
+  type: string;
+  amount: number;
+  date: string;
+}