debouncing added for search field

i0am0arunava · Nov 19, 2024 · b7e3e00 · b7e3e00
1 parent 7a4ecac
commit b7e3e00
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Patient/ManagePatients.tsx b/src/components/Patient/ManagePatients.tsx
@@ -292,7 +292,7 @@ export const PatientManager = () => {
     return cleanedData;
   };
 
-  const [debouncedParams] = useDebounce(params, 500); // Debounce time in milliseconds
+  const [debouncedParams] = useDebounce(params, 1000); // Debounce time in milliseconds
 
   const { loading: isLoading, data } = useQuery(routes.patientList, {
     query: debouncedParams, // Pass the debounced params

diff --git a/src/hooks/useFilters.tsx b/src/hooks/useFilters.tsx
@@ -209,7 +209,7 @@ export default function useFilters({
 
     return (
       <div
-        className={`col-span-3 my-2 flex w-full flex-wrap items-center gap-2 md:mt-10  ${show ? "" : "hidden"}`}
+        className={`col-span-3 my-2 flex w-full flex-wrap items-center gap-2 mt-6  ${show ? "" : "hidden"}`}
       >
         {compiledBadges.map((props) => (
           <FilterBadge {...props} name={t(props.name)} key={props.name} />