From a0751ae3c64783d6ffa95d3339d4c1abd92b1405 Mon Sep 17 00:00:00 2001
From: Phan Huy Tran <p.tran@neusta.de>
Date: Thu, 13 Feb 2025 12:10:07 +0100
Subject: [PATCH] style: Run linters

---
 frontend/src/app/app.config.ts                |  3 +-
 frontend/src/app/app.routes.ts                |  9 +++---
 .../feature/deposit/deposit.component.html    | 32 +++++++++----------
 .../app/feature/deposit/deposit.component.ts  | 16 +++++++---
 .../src/app/feature/home/home.component.ts    |  8 ++---
 frontend/src/index.html                       |  9 ++++--
 6 files changed, 44 insertions(+), 33 deletions(-)

diff --git a/frontend/src/app/app.config.ts b/frontend/src/app/app.config.ts
index f7dce41..c6b9f77 100644
--- a/frontend/src/app/app.config.ts
+++ b/frontend/src/app/app.config.ts
@@ -51,6 +51,7 @@ export const appConfig: ApplicationConfig = {
       provide: HTTP_INTERCEPTORS,
       useClass: KeycloakBearerInterceptor,
       multi: true,
-    }, provideAnimationsAsync(),
+    },
+    provideAnimationsAsync(),
   ],
 };
diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
index 373fb5f..536f89a 100644
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -1,8 +1,7 @@
-import { Routes } from '@angular/router';
-import { LandingComponent } from './feature/landing/landing.component';
-import { HomeComponent } from './feature/home/home.component';
-import { authGuard } from './auth.guard';
-import { DepositComponent } from './feature/deposit/deposit.component';
+import {Routes} from '@angular/router';
+import {LandingComponent} from './feature/landing/landing.component';
+import {HomeComponent} from './feature/home/home.component';
+import {authGuard} from './auth.guard';
 
 export const routes: Routes = [
   {
diff --git a/frontend/src/app/feature/deposit/deposit.component.html b/frontend/src/app/feature/deposit/deposit.component.html
index 78c7a07..707d145 100644
--- a/frontend/src/app/feature/deposit/deposit.component.html
+++ b/frontend/src/app/feature/deposit/deposit.component.html
@@ -1,21 +1,21 @@
 <h2 mat-dialog-title class="text-xl font-semibold">Guthaben aufladen</h2>
 <mat-dialog-content>
-    <form [formGroup]="form">
-        <div *ngIf="errorMsg">
-            {{ errorMsg }}
-        </div>
-        <div class="mb-2">
-            <label for="amount">Betrag</label>
-            <input
-                    type="number"
-                    id="amount"
-                    formControlName="amount"
-                    class="w-full px-2 py-1 bg-white text-black"
-            />
-        </div>
-    </form>
+  <form [formGroup]="form">
+    <div *ngIf="errorMsg">
+      {{ errorMsg }}
+    </div>
+    <div class="mb-2">
+      <label for="amount">Betrag</label>
+      <input
+        type="number"
+        id="amount"
+        formControlName="amount"
+        class="w-full px-2 py-1 bg-white text-black"
+      />
+    </div>
+  </form>
 </mat-dialog-content>
 <mat-dialog-actions>
-    <button mat-flat-button (click)="closeDialog()">Abbrechen</button>
-    <button mat-flat-button (click)="submit()">Einzahlen</button>
+  <button mat-flat-button (click)="closeDialog()">Abbrechen</button>
+  <button mat-flat-button (click)="submit()">Einzahlen</button>
 </mat-dialog-actions>
diff --git a/frontend/src/app/feature/deposit/deposit.component.ts b/frontend/src/app/feature/deposit/deposit.component.ts
index 43fb94a..6b8393d 100644
--- a/frontend/src/app/feature/deposit/deposit.component.ts
+++ b/frontend/src/app/feature/deposit/deposit.component.ts
@@ -10,14 +10,22 @@ import {
   MatDialogClose,
   MatDialogContent,
   MatDialogRef,
-  MatDialogTitle
-} from "@angular/material/dialog";
-import {MatButton} from "@angular/material/button";
+  MatDialogTitle,
+} from '@angular/material/dialog';
+import { MatButton } from '@angular/material/button';
 
 @Component({
   selector: 'app-deposit',
   standalone: true,
-  imports: [ReactiveFormsModule, NgIf, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatButton],
+  imports: [
+    ReactiveFormsModule,
+    NgIf,
+    MatDialogTitle,
+    MatDialogContent,
+    MatDialogActions,
+    MatDialogClose,
+    MatButton,
+  ],
   templateUrl: './deposit.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
diff --git a/frontend/src/app/feature/home/home.component.ts b/frontend/src/app/feature/home/home.component.ts
index deeb4dc..a4b2b8b 100644
--- a/frontend/src/app/feature/home/home.component.ts
+++ b/frontend/src/app/feature/home/home.component.ts
@@ -1,7 +1,7 @@
-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, inject } from '@angular/core';
+import { KeycloakService } from 'keycloak-angular';
+import { MatDialog } from '@angular/material/dialog';
+import { DepositComponent } from '../deposit/deposit.component';
 
 @Component({
   selector: 'app-homepage',
diff --git a/frontend/src/index.html b/frontend/src/index.html
index bd4ced1..41fedf4 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -6,9 +6,12 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-      <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-</head>
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
+      rel="stylesheet"
+    />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+  </head>
   <body class="mat-typography">
     <app-root></app-root>
   </body>