Debounced auto-submit for GIF search field

cheeaun · Apr 17, 2024 · b9058c6 · b9058c6
1 parent 55ad650
commit b9058c6
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/compose.jsx b/src/components/compose.jsx
@@ -2374,6 +2374,10 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) {
     qRef.current?.focus();
   }, []);
 
+  const debouncedOnInput = useDebouncedCallback(() => {
+    fetchGIFs({ offset: 0 });
+  }, 1000);
+
   return (
     <div id="gif-picker-sheet" class="sheet">
       {!!onClose && (
@@ -2400,6 +2404,7 @@ function GIFPickerModal({ onClose = () => {}, onSelect = () => {} }) {
             autocapitalize="off"
             spellCheck="false"
             dir="auto"
+            onInput={debouncedOnInput}
           />
           <input
             type="image"