fix bug where tables reload on action cancel

src/app/employee/create/create.component.ts

@@ -56,6 +56,6 @@ export class CreateComponent implements OnInit {
     }
 
     this.employeeService.create(this.employeeForm.value as Employee).subscribe();
-    this.dialogRef.close();
+    this.dialogRef.close(true);
   }
 }

src/app/employee/delete/delete.component.ts

@@ -31,6 +31,6 @@ export class DeleteComponent {
   deleteEmployee(id: number) {
     this.apiService.deleteById(id).subscribe();
 
-    this.dialogRef.close()
+    this.dialogRef.close(true);
   }
 }

src/app/employee/edit/edit.component.ts

@@ -63,6 +63,6 @@ export class EditComponent implements OnInit {
     }
 
     this.employeeService.update(this.employeeForm.value as Employee, this.employee.id).subscribe();
-    this.dialogRef.close();
+    this.dialogRef.close(true);
   }
 }

src/app/employee/table/table.component.ts

@@ -40,7 +40,7 @@ import {DetailsComponent} from "../details/details.component";
   templateUrl: './table.component.html',
   styleUrl: './table.component.css'
 })
-export class TableComponent implements OnInit{
+export class TableComponent implements OnInit {
   private readonly apiService: EmployeeApiService = inject(EmployeeApiService);
   private readonly snackBar: MatSnackBar = inject(MatSnackBar);
   private readonly matDialog: MatDialog = inject(MatDialog);
@@ -76,24 +76,30 @@ export class TableComponent implements OnInit{
   protected openDeleteDialogue(employee: Employee): void {
     this.matDialog.open(DeleteComponent, {data: employee})
       .afterClosed()
-      .subscribe(() => {
+      .subscribe((deleted: boolean) => {
-        this.employees$ = this.fetchEmployees();
+        if (deleted) {
+          this.employees$ = this.fetchEmployees();
+        }
       });
   }
 
   protected showCreateEmployeeModal() {
     this.matDialog.open(CreateComponent)
       .afterClosed()
-      .subscribe(() => {
+      .subscribe((created: boolean) => {
-      this.employees$ = this.fetchEmployees();
+        if (created) {
-    });
+          this.employees$ = this.fetchEmployees();
+        }
+      });
   }
 
   protected showEditEmployeeModal(employee: Employee) {
     this.matDialog.open(EditComponent, {data: employee})
       .afterClosed()
-      .subscribe(() => {
+      .subscribe((edited: boolean) => {
-        this.employees$ = this.fetchEmployees();
+        if (edited) {
+          this.employees$ = this.fetchEmployees();
+        }
       });
   }