From 69eeb2d96e44b65418d578a2ba940721eb26d317 Mon Sep 17 00:00:00 2001
From: KM Koushik <koushikmohan1996@gmail.com>
Date: Sun, 1 Mar 2026 20:38:42 +1100
Subject: [PATCH] fix: reset contact list page when filters change (#368)

---
 .../contacts/[contactBookId]/contact-list.tsx       | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/contacts/[contactBookId]/contact-list.tsx b/apps/web/src/app/(dashboard)/contacts/[contactBookId]/contact-list.tsx
index f72064b..d0db475 100644
--- a/apps/web/src/app/(dashboard)/contacts/[contactBookId]/contact-list.tsx
+++ b/apps/web/src/app/(dashboard)/contacts/[contactBookId]/contact-list.tsx
@@ -96,9 +96,15 @@ export default function ContactList({
   });
 
   const debouncedSearch = useDebouncedCallback((value: string) => {
-    setSearch(value);
+    setSearch(value || null);
+    setPage("1");
   }, 1000);
 
+  const handleStatusChange = (val: string) => {
+    setStatus(val === "All" ? null : val);
+    setPage("1");
+  };
+
   const exportQuery = api.contacts.exportContacts.useQuery(
     {
       contactBookId,
@@ -182,10 +188,7 @@ export default function ContactList({
             />
           </div>
           <div className="flex gap-2">
-            <Select
-              value={status ?? "All"}
-              onValueChange={(val) => setStatus(val === "All" ? null : val)}
-            >
+            <Select value={status ?? "All"} onValueChange={handleStatusChange}>
               <SelectTrigger className="w-[180px] capitalize">
                 {status || "All statuses"}
               </SelectTrigger>