From 5829876444d6f47046a43a1dcb99044018206520 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Thu, 9 Jan 2025 11:06:30 +0000
Subject: [PATCH] stop page reload after employee deletion (#25)

Reviewed-on: https://git.simonis.lol/angular/ems-frontend/pulls/25
Reviewed-by: Get in my car i have candy <huydw@proton.me>
Co-authored-by: Constantin Simonis <constantin@simonis.lol>
Co-committed-by: Constantin Simonis <constantin@simonis.lol>
---
 src/app/employee/delete/delete.component.ts | 6 +++---
 src/app/employee/table/table.component.ts   | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/employee/delete/delete.component.ts b/src/app/employee/delete/delete.component.ts
index a1f5dab..b4af490 100644
--- a/src/app/employee/delete/delete.component.ts
+++ b/src/app/employee/delete/delete.component.ts
@@ -4,7 +4,7 @@ import {
   MAT_DIALOG_DATA,
   MatDialogActions,
   MatDialogClose,
-  MatDialogContent,
+  MatDialogContent, MatDialogRef,
   MatDialogTitle
 } from "@angular/material/dialog";
 import {MatButton} from "@angular/material/button";
@@ -25,12 +25,12 @@ import EmployeeApiService from "../../services/employee-api.service";
 })
 export class DeleteComponent {
   private apiService: EmployeeApiService = inject(EmployeeApiService);
-
+  private dialogRef: MatDialogRef<DeleteComponent> = inject(MatDialogRef);
   protected employee: Employee = inject(MAT_DIALOG_DATA);
 
   deleteEmployee(id: number) {
     this.apiService.deleteById(id).subscribe();
 
-    location.reload();
+    this.dialogRef.close()
   }
 }
diff --git a/src/app/employee/table/table.component.ts b/src/app/employee/table/table.component.ts
index def3f10..b1e6f93 100644
--- a/src/app/employee/table/table.component.ts
+++ b/src/app/employee/table/table.component.ts
@@ -73,7 +73,11 @@ export class TableComponent implements OnInit{
   }
 
   protected openDeleteDialogue(employee: Employee): void {
-    this.deleteDialogue.open(DeleteComponent, {data: employee});
+    this.deleteDialogue.open(DeleteComponent, {data: employee})
+      .afterClosed()
+      .subscribe(() => {
+        this.employees$ = this.fetchEmployees();
+      });
   }
 
   protected showCreateEmployeeModal() {