fix bug where tables reload on action cancel (#30)

Reviewed-on: #30
Reviewed-by: Hop In, I Have Puppies AND WiFi <jleibl@noreply@simonis.lol>
Co-authored-by: Constantin Simonis <constantin@simonis.lol>
Co-committed-by: Constantin Simonis <constantin@simonis.lol>

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(() => {
-        this.employees$ = this.fetchEmployees();
+      .subscribe((deleted: boolean) => {
+        if (deleted) {
+          this.employees$ = this.fetchEmployees();
+        }
       });
   }
 
   protected showCreateEmployeeModal() {
     this.matDialog.open(CreateComponent)
       .afterClosed()
-      .subscribe(() => {
-      this.employees$ = this.fetchEmployees();
-    });
+      .subscribe((created: boolean) => {
+        if (created) {
+          this.employees$ = this.fetchEmployees();
+        }
+      });
   }
 
   protected showEditEmployeeModal(employee: Employee) {
     this.matDialog.open(EditComponent, {data: employee})
       .afterClosed()
-      .subscribe(() => {
-        this.employees$ = this.fetchEmployees();
+      .subscribe((edited: boolean) => {
+        if (edited) {
+          this.employees$ = this.fetchEmployees();
+        }
       });
   }