From a7d98e1150ee5a83ed45d0333ba377e7f4fc4154 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.de>
Date: Wed, 12 Mar 2025 19:20:51 +0100
Subject: [PATCH 1/3] feat: rename event emitter for confirmation modal closure

---
 frontend/src/app/feature/home/home.component.html           | 2 +-
 .../components/confirmation/confirmation.component.ts       | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/feature/home/home.component.html b/frontend/src/app/feature/home/home.component.html
index fb2424a..e2521d9 100644
--- a/frontend/src/app/feature/home/home.component.html
+++ b/frontend/src/app/feature/home/home.component.html
@@ -85,7 +85,7 @@
 
       <app-confirmation
         [successful]="isDepositSuccessful"
-        (close)="closeDepositConfirmationModal()"
+        (closeConfirmation)="closeDepositConfirmationModal()"
       ></app-confirmation>
 
       <div class="card p-4">
diff --git a/frontend/src/app/shared/components/confirmation/confirmation.component.ts b/frontend/src/app/shared/components/confirmation/confirmation.component.ts
index d407985..a310f05 100644
--- a/frontend/src/app/shared/components/confirmation/confirmation.component.ts
+++ b/frontend/src/app/shared/components/confirmation/confirmation.component.ts
@@ -19,11 +19,11 @@ import gsap from 'gsap';
 })
 export class ConfirmationComponent implements AfterViewInit, OnDestroy {
   @Input() successful = true;
-  @Output() close = new EventEmitter<void>();
+  @Output() closeConfirmation = new EventEmitter<void>();
   @ViewChild('modalBg') modalBg!: ElementRef;
   @ViewChild('modalCard') modalCard!: ElementRef;
 
-  constructor(private modalAnimationService: ModalAnimationService) {}
+  constructor(private modalAnimationService: ModalAnimationService) { }
 
   ngAfterViewInit() {
     if (this.successful) {
@@ -43,7 +43,7 @@ export class ConfirmationComponent implements AfterViewInit, OnDestroy {
     this.modalAnimationService.closeModal(
       this.modalCard.nativeElement,
       this.modalBg.nativeElement,
-      () => this.close.emit()
+      () => this.closeConfirmation.emit()
     );
   }
 }

From abc4277e846e129d340aef533dbcf8d833c45c57 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.de>
Date: Wed, 12 Mar 2025 19:25:11 +0100
Subject: [PATCH 2/3] refactor(deposit): rename close event emitter for clarity

---
 frontend/src/app/feature/deposit/deposit.component.ts | 4 ++--
 frontend/src/app/feature/home/home.component.html     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/feature/deposit/deposit.component.ts b/frontend/src/app/feature/deposit/deposit.component.ts
index f0f900a..bb38fc9 100644
--- a/frontend/src/app/feature/deposit/deposit.component.ts
+++ b/frontend/src/app/feature/deposit/deposit.component.ts
@@ -32,7 +32,7 @@ import gsap from 'gsap';
 })
 export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
   @Input() isOpen = false;
-  @Output() close = new EventEmitter<void>();
+  @Output() closeModalEmitter = new EventEmitter<void>();
   @ViewChild('modalBg') modalBg!: ElementRef;
   @ViewChild('modalCard') modalCard!: ElementRef;
   protected form!: FormGroup;
@@ -110,7 +110,7 @@ export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnCha
       this.modalAnimationService.closeModal(
         this.modalCard.nativeElement,
         this.modalBg.nativeElement,
-        () => this.close.emit()
+        () => this.closeModalEmitter.emit()
       );
     }
   }
diff --git a/frontend/src/app/feature/home/home.component.html b/frontend/src/app/feature/home/home.component.html
index e2521d9..cb7c393 100644
--- a/frontend/src/app/feature/home/home.component.html
+++ b/frontend/src/app/feature/home/home.component.html
@@ -73,7 +73,7 @@
         <h3 class="section-heading text-xl mb-4">Konto</h3>
         <div class="space-y-4">
           <button class="button-primary w-full py-2" (click)="openDepositModal()">Einzahlen</button>
-          <app-deposit [isOpen]="isDepositModalOpen" (close)="closeDepositModal()"></app-deposit>
+          <app-deposit [isOpen]="isDepositModalOpen" (closeModalEmitter)="closeDepositModal()"></app-deposit>
           <button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
             Transaktionen
           </button>

From 8c9d7c498b86337ac76ff0a8ea14afc01b7bc40f Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.de>
Date: Wed, 12 Mar 2025 19:26:07 +0100
Subject: [PATCH 3/3] style(home): format HTML and TypeScript code for clarity

---
 frontend/src/app/feature/home/home.component.html            | 5 ++++-
 .../shared/components/confirmation/confirmation.component.ts | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/feature/home/home.component.html b/frontend/src/app/feature/home/home.component.html
index cb7c393..0d4708a 100644
--- a/frontend/src/app/feature/home/home.component.html
+++ b/frontend/src/app/feature/home/home.component.html
@@ -73,7 +73,10 @@
         <h3 class="section-heading text-xl mb-4">Konto</h3>
         <div class="space-y-4">
           <button class="button-primary w-full py-2" (click)="openDepositModal()">Einzahlen</button>
-          <app-deposit [isOpen]="isDepositModalOpen" (closeModalEmitter)="closeDepositModal()"></app-deposit>
+          <app-deposit
+            [isOpen]="isDepositModalOpen"
+            (closeModalEmitter)="closeDepositModal()"
+          ></app-deposit>
           <button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
             Transaktionen
           </button>
diff --git a/frontend/src/app/shared/components/confirmation/confirmation.component.ts b/frontend/src/app/shared/components/confirmation/confirmation.component.ts
index a310f05..9c26f22 100644
--- a/frontend/src/app/shared/components/confirmation/confirmation.component.ts
+++ b/frontend/src/app/shared/components/confirmation/confirmation.component.ts
@@ -23,7 +23,7 @@ export class ConfirmationComponent implements AfterViewInit, OnDestroy {
   @ViewChild('modalBg') modalBg!: ElementRef;
   @ViewChild('modalCard') modalCard!: ElementRef;
 
-  constructor(private modalAnimationService: ModalAnimationService) { }
+  constructor(private modalAnimationService: ModalAnimationService) {}
 
   ngAfterViewInit() {
     if (this.successful) {