Add more descriptive error message

This commit is contained in:
Phan Huy Tran 2025-01-15 08:41:16 +01:00
parent 423116ed34
commit 3f4022ff23

View File

@ -9,6 +9,7 @@ import {
import {FormsModule, ReactiveFormsModule} from "@angular/forms"; import {FormsModule, ReactiveFormsModule} from "@angular/forms";
import QualificationService from "../../services/qualification.service"; import QualificationService from "../../services/qualification.service";
import {MatButton} from "@angular/material/button"; import {MatButton} from "@angular/material/button";
import {HttpErrorResponse} from "@angular/common/http";
@Component({ @Component({
selector: 'app-delete-qualification', selector: 'app-delete-qualification',
@ -36,10 +37,15 @@ export class DeleteComponent {
next: () => { next: () => {
this.dialogRef.close(true); this.dialogRef.close(true);
}, },
error: (error) => { error: (error: HttpErrorResponse) => {
console.error('Error deleting qualification:', error); console.error('Error deleting qualification:', error);
this.apiError = 'API Error'; if (error.error.message.includes('SQL')) {
// The API message is undescriptive but this is the most common
this.apiError = 'This qualification cannot be modified because it is currently assigned to one or more employees';
} else {
this.apiError = 'API Error';
}
} }
}); });
} }