From cad574b8fb6e1da8a11f362b19d6aa5ac7d93301 Mon Sep 17 00:00:00 2001
From: akastijn <akastijn@alttd.com>
Date: Sun, 24 Aug 2025 02:43:08 +0200
Subject: [PATCH] Set default email value programmatically in appeal form and
 remove inline default logic.

---
 frontend/src/app/pages/forms/appeal/appeal.component.html | 3 +--
 frontend/src/app/pages/forms/appeal/appeal.component.ts   | 7 ++++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/pages/forms/appeal/appeal.component.html b/frontend/src/app/pages/forms/appeal/appeal.component.html
index 591f174..15a3b02 100644
--- a/frontend/src/app/pages/forms/appeal/appeal.component.html
+++ b/frontend/src/app/pages/forms/appeal/appeal.component.html
@@ -81,8 +81,7 @@
                     <mat-label>Email</mat-label>
                     <input matInput
                            formControlName="email"
-                           placeholder="Email"
-                           [defaultValue]="verifiedEmails().length > 0 ? verifiedEmails()[0] : ''">
+                           placeholder="Email">
                     @if (form.controls.email.invalid && form.controls.email.touched) {
                       <mat-error>
                         @if (form.controls.email.errors?.['required']) {
diff --git a/frontend/src/app/pages/forms/appeal/appeal.component.ts b/frontend/src/app/pages/forms/appeal/appeal.component.ts
index c2186a0..24ca7a3 100644
--- a/frontend/src/app/pages/forms/appeal/appeal.component.ts
+++ b/frontend/src/app/pages/forms/appeal/appeal.component.ts
@@ -79,7 +79,12 @@ export class AppealComponent implements OnInit, OnDestroy, AfterViewInit {
         this.emailIsValid.set(false);
       }
     });
-
+    computed(() => {
+      if (this.verifiedEmails().length > 0) {
+        this.form.get('email')?.setValue(this.verifiedEmails()[0]);
+        this.emailIsValid.set(true);
+      }
+    });
   }
 
   ngOnInit() {