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 @@
Email
0 ? verifiedEmails()[0] : ''">
+ placeholder="Email">
@if (form.controls.email.invalid && form.controls.email.touched) {
@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() {