Refactor SentComponent to VerifyMailDialogComponent for improved clarity and usability in email verification flow.

This commit is contained in:
akastijn 2025-08-23 22:34:08 +02:00
parent 4ccce7e190
commit 523bf3d43f
4 changed files with 7 additions and 7 deletions

View File

@ -22,7 +22,7 @@ import {MatSelectModule} from '@angular/material/select';
import {MatInputModule} from '@angular/material/input'; import {MatInputModule} from '@angular/material/input';
import {HistoryFormatService} from '@pages/reference/bans/history-format.service'; import {HistoryFormatService} from '@pages/reference/bans/history-format.service';
import {MatDialog} from '@angular/material/dialog'; 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({ @Component({
selector: 'app-appeal', selector: 'app-appeal',
@ -219,7 +219,7 @@ export class AppealComponent implements OnInit, OnDestroy, AfterViewInit {
this.nextPage(); this.nextPage();
return; return;
} }
const dialogRef = this.dialog.open(SentComponent, { const dialogRef = this.dialog.open(VerifyMailDialogComponent, {
data: {email: this.form.getRawValue().email}, data: {email: this.form.getRawValue().email},
}); });
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {

View File

@ -15,7 +15,7 @@ import {
import {interval, Subscription} from 'rxjs'; import {interval, Subscription} from 'rxjs';
@Component({ @Component({
selector: 'app-sent', selector: 'app-verify-mail-dialog',
imports: [ imports: [
FormsModule, FormsModule,
MatFormFieldModule, MatFormFieldModule,
@ -27,10 +27,10 @@ import {interval, Subscription} from 'rxjs';
MatDialogContent, MatDialogContent,
MatDialogActions MatDialogActions
], ],
templateUrl: './sent.component.html', templateUrl: './verify-mail-dialog.component.html',
styleUrl: './sent.component.scss' styleUrl: './verify-mail-dialog.component.scss'
}) })
export class SentComponent { export class VerifyMailDialogComponent {
protected form: FormGroup<VerifyMail>; protected form: FormGroup<VerifyMail>;
protected readonly completionMessage = input<string>("Thank you for completing your form!"); protected readonly completionMessage = input<string>("Thank you for completing your form!");
@ -47,7 +47,7 @@ export class SentComponent {
protected readonly email: string; protected readonly email: string;
constructor( constructor(
public dialogRef: MatDialogRef<SentComponent>, public dialogRef: MatDialogRef<VerifyMailDialogComponent>,
@Inject(MAT_DIALOG_DATA) public data: InputMail @Inject(MAT_DIALOG_DATA) public data: InputMail
) { ) {
this.form = new FormGroup({ this.form = new FormGroup({