From 523bf3d43f7d5ec5fd42ee1dfb3c0d56f7c03d72 Mon Sep 17 00:00:00 2001
From: akastijn <akastijn@alttd.com>
Date: Sat, 23 Aug 2025 22:34:08 +0200
Subject: [PATCH] Refactor `SentComponent` to `VerifyMailDialogComponent` for
 improved clarity and usability in email verification flow.

---
 .../src/app/pages/forms/appeal/appeal.component.ts     |  4 ++--
 .../verify-mail-dialog.component.html}                 |  0
 .../verify-mail-dialog.component.scss}                 |  0
 .../verify-mail-dialog.component.ts}                   | 10 +++++-----
 4 files changed, 7 insertions(+), 7 deletions(-)
 rename frontend/src/app/pages/forms/{sent/sent.component.html => verify-mail-dialog/verify-mail-dialog.component.html} (100%)
 rename frontend/src/app/pages/forms/{sent/sent.component.scss => verify-mail-dialog/verify-mail-dialog.component.scss} (100%)
 rename frontend/src/app/pages/forms/{sent/sent.component.ts => verify-mail-dialog/verify-mail-dialog.component.ts} (94%)

diff --git a/frontend/src/app/pages/forms/appeal/appeal.component.ts b/frontend/src/app/pages/forms/appeal/appeal.component.ts
index 9b7719c..dc7b3f9 100644
--- a/frontend/src/app/pages/forms/appeal/appeal.component.ts
+++ b/frontend/src/app/pages/forms/appeal/appeal.component.ts
@@ -22,7 +22,7 @@ import {MatSelectModule} from '@angular/material/select';
 import {MatInputModule} from '@angular/material/input';
 import {HistoryFormatService} from '@pages/reference/bans/history-format.service';
 import {MatDialog} from '@angular/material/dialog';
-import {SentComponent} from '@pages/forms/sent/sent.component';
+import {VerifyMailDialogComponent} from '@pages/forms/verify-mail-dialog/verify-mail-dialog.component';
 
 @Component({
   selector: 'app-appeal',
@@ -219,7 +219,7 @@ export class AppealComponent implements OnInit, OnDestroy, AfterViewInit {
       this.nextPage();
       return;
     }
-    const dialogRef = this.dialog.open(SentComponent, {
+    const dialogRef = this.dialog.open(VerifyMailDialogComponent, {
       data: {email: this.form.getRawValue().email},
     });
     dialogRef.afterClosed().subscribe(result => {
diff --git a/frontend/src/app/pages/forms/sent/sent.component.html b/frontend/src/app/pages/forms/verify-mail-dialog/verify-mail-dialog.component.html
similarity index 100%
rename from frontend/src/app/pages/forms/sent/sent.component.html
rename to frontend/src/app/pages/forms/verify-mail-dialog/verify-mail-dialog.component.html
diff --git a/frontend/src/app/pages/forms/sent/sent.component.scss b/frontend/src/app/pages/forms/verify-mail-dialog/verify-mail-dialog.component.scss
similarity index 100%
rename from frontend/src/app/pages/forms/sent/sent.component.scss
rename to frontend/src/app/pages/forms/verify-mail-dialog/verify-mail-dialog.component.scss
diff --git a/frontend/src/app/pages/forms/sent/sent.component.ts b/frontend/src/app/pages/forms/verify-mail-dialog/verify-mail-dialog.component.ts
similarity index 94%
rename from frontend/src/app/pages/forms/sent/sent.component.ts
rename to frontend/src/app/pages/forms/verify-mail-dialog/verify-mail-dialog.component.ts
index 228b498..7995f09 100644
--- a/frontend/src/app/pages/forms/sent/sent.component.ts
+++ b/frontend/src/app/pages/forms/verify-mail-dialog/verify-mail-dialog.component.ts
@@ -15,7 +15,7 @@ import {
 import {interval, Subscription} from 'rxjs';
 
 @Component({
-  selector: 'app-sent',
+  selector: 'app-verify-mail-dialog',
   imports: [
     FormsModule,
     MatFormFieldModule,
@@ -27,10 +27,10 @@ import {interval, Subscription} from 'rxjs';
     MatDialogContent,
     MatDialogActions
   ],
-  templateUrl: './sent.component.html',
-  styleUrl: './sent.component.scss'
+  templateUrl: './verify-mail-dialog.component.html',
+  styleUrl: './verify-mail-dialog.component.scss'
 })
-export class SentComponent {
+export class VerifyMailDialogComponent {
   protected form: FormGroup<VerifyMail>;
 
   protected readonly completionMessage = input<string>("Thank you for completing your form!");
@@ -47,7 +47,7 @@ export class SentComponent {
   protected readonly email: string;
 
   constructor(
-    public dialogRef: MatDialogRef<SentComponent>,
+    public dialogRef: MatDialogRef<VerifyMailDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: InputMail
   ) {
     this.form = new FormGroup({