Add minimum refresh time for search inputs

thunderstore-io · Aug 28, 2024 · 96d4872 · 96d4872
1 parent 6d9611d
commit 96d4872
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageSearch.tsx b/apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageSearch.tsx
@@ -90,7 +90,9 @@ export function PackageSearch(props: Props) {
     .filter((c) => c.selection === "exclude")
     .map((c) => c.id);
 
-  const [debouncedSearchValue] = useDebounce(searchValue, 300);
+  const [debouncedSearchValue] = useDebounce(searchValue, 300, {
+    maxWait: 300,
+  });
 
   const deferredCreatedAfter = useDeferredValue(createdAfter);
   const deferredCreatedBefore = useDeferredValue(createdBefore);

diff --git a/apps/cyberstorm-remix/app/communities/communities.tsx b/apps/cyberstorm-remix/app/communities/communities.tsx
@@ -100,7 +100,9 @@ export default function CommunitiesPage() {
   const [searchValue, setSearchValue] = useState(
     searchParams.getAll("search").join(" ")
   );
-  const [debouncedSearchValue] = useDebounce(searchValue, 300);
+  const [debouncedSearchValue] = useDebounce(searchValue, 300, {
+    maxWait: 300,
+  });
 
   useEffect(() => {
     if (debouncedSearchValue === "") {

diff --git a/packages/cyberstorm/src/components/ValidationBar/ValidationBar.tsx b/packages/cyberstorm/src/components/ValidationBar/ValidationBar.tsx
@@ -71,7 +71,9 @@ function ValidationElement(props: {
     message: string;
   }>({ status: "waiting", message: "Waiting for input" });
 
-  const [valArgs] = useDebounce({ ...validator.args }, 300);
+  const [valArgs] = useDebounce({ ...validator.args }, 300, {
+    maxWait: 300,
+  });
 
   const getValidation = () => usePromise(validator.validationFunc, [valArgs]);