From 5a27ec3619782d738b63385e5dd29e5342f904ba Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Mon, 26 May 2025 17:06:36 +0100
Subject: [PATCH] fix(frontend): persist search param flow

---
 frontend/src/components/categories/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/categories/index.tsx b/frontend/src/components/categories/index.tsx
index 18e46f09..595c07a2 100644
--- a/frontend/src/components/categories/index.tsx
+++ b/frontend/src/components/categories/index.tsx
@@ -43,8 +43,9 @@ export const Categories = () => {
   const { toast } = useToast();
   const dialogs = useDialogs();
   const hasPermission = useHasPermission();
-  const { onSearch, searchPayload } = useSearch<ICategory>({
+  const { ref, onSearch, searchPayload } = useSearch<ICategory>({
     $iLike: ["label"],
+    queryParam: { key: "search", defaultValue: "" },
   });
   const { dataGridProps } = useFind(
     { entity: EntityType.CATEGORY },
@@ -142,7 +143,7 @@ export const Categories = () => {
             width="max-content"
           >
             <Grid item>
-              <FilterTextfield onChange={onSearch} />
+              <FilterTextfield inputRef={ref} onChange={onSearch} />
             </Grid>
             {hasPermission(EntityType.CATEGORY, PermissionAction.CREATE) ? (
               <Grid item>