Refactor SentComponent to VerifyMailDialogComponent for improved clarity and usability in email verification flow.
This commit is contained in:
parent
4ccce7e190
commit
523bf3d43f
|
|
@ -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 => {
|
||||||
|
|
|
||||||
|
|
@ -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({
|
||||||
Loading…
Reference in New Issue
Block a user