added route for center on the navbar
diff --git a/src/app/centers/center.component.html b/src/app/centers/center.component.html
index 3bcb204..1dd8e8e 100644
--- a/src/app/centers/center.component.html
+++ b/src/app/centers/center.component.html
@@ -28,7 +28,7 @@
       <th>Status</th> 
       <th>Office</th>
     </tr>
-    <tr *ngFor = "let data of DataArray">
+    <tr *ngFor = "let data of DataArray"  (onActionCellClick)="rowSelect($event)">
       <td style="text-align: center; vertical-align: middle;">{{data.name}}</td>
       <td style="text-align: center; vertical-align: middle;">{{data.accountNo}}</td> 
       <td style="text-align: center; vertical-align: middle;">{{data.id}}</td>
diff --git a/src/app/centers/center.component.ts b/src/app/centers/center.component.ts
index df43ed7..4ab8312 100644
--- a/src/app/centers/center.component.ts
+++ b/src/app/centers/center.component.ts
@@ -78,9 +78,9 @@
     this.searchTerm = searchTerm;
     this.fetchEmployees();
   }
-
+  
   rowSelect(row: Employee): void {
-    this.router.navigate(['/detail']);
+    this.router.navigate(['detail', row.identifier], { relativeTo: this.route });
   }
 
   fetchEmployees(fetchRequest?: FetchRequest) {