From d229c9c44717dcce3d838a9d54cc4e9c0fdb03a2 Mon Sep 17 00:00:00 2001
From: Cyril Joseph <ccyyrriill83@gmail.com>
Date: Wed, 29 Oct 2025 13:42:08 -0300
Subject: [PATCH] dynamic pagination & sorting updates

---
 src/app/holder/contacts/contacts.component.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/holder/contacts/contacts.component.ts b/src/app/holder/contacts/contacts.component.ts
index e02221c..5bfdb73 100644
--- a/src/app/holder/contacts/contacts.component.ts
+++ b/src/app/holder/contacts/contacts.component.ts
@@ -33,8 +33,15 @@ export class ContactsComponent {
 
   @Output() hasContacts = new EventEmitter<boolean>();
 
-  @ViewChild(MatPaginator) paginator!: MatPaginator;
-  @ViewChild(MatSort) sort!: MatSort;
+  @ViewChild(MatPaginator, { static: false })
+  set paginator(value: MatPaginator) {
+    this.dataSource.paginator = value;
+  }
+
+  @ViewChild(MatSort, { static: false })
+  set sort(value: MatSort) {
+    this.dataSource.sort = value;
+  }
 
   displayedColumns: string[] = ['firstName', 'lastName', 'title', 'phone', 'mobile', 'email', 'actions'];
   dataSource = new MatTableDataSource<any>();