debouncer fix

tecnomod-um · Jan 31, 2024 · f30f4a9 · f30f4a9
1 parent 9e49b96
commit f30f4a9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/SearchNodes/searchNodes.js b/src/components/SearchNodes/searchNodes.js
@@ -9,8 +9,9 @@ function SearchNodes({ varData, colorList, addNode }) {
     const [isLoading, setIsLoading] = useState(false);
 
     useEffect(() => {
-        if (searchField.length >= 3 || !data || searchField === '')
-            debounceFilteredNodeData()(searchField, setData, setIsLoading);
+        if (searchField.length >= 3 || !data || searchField === '') {
+            debounceFilteredNodeData()(searchField, data, setData, setIsLoading);
+        }
     }, [searchField, data]);
 
     const handleChange = (e) => setSearchField(e.target.value);
@@ -36,6 +37,7 @@ function SearchNodes({ varData, colorList, addNode }) {
             <input
                 className={SearchNodesStyles.input}
                 type="search"
+                disabled={true} // TODO implement indexes to speed up nodes
                 placeholder={placeholderText}
                 onChange={handleChange}
             />

diff --git a/src/utils/petitionHandler.js b/src/utils/petitionHandler.js
@@ -8,15 +8,15 @@ let debounceTimeout;
 let lastFilter = null;
 
 export const debounceFilteredNodeData = () => {
-    return (filter, setData, setIsLoading) => {
-        if (filter !== lastFilter) {
+    return (filter, data, setData, setIsLoading) => {
+        if (filter !== lastFilter || !data) {
             clearTimeout(debounceTimeout);
             setIsLoading(true);
             debounceTimeout = setTimeout(() =>
                 populateWithFilteredNodeData(filter, setData, setIsLoading), config.debounceDelay);
             lastFilter = filter;
         }
-    };
+    }
 }
 
 export const populateWithFilteredNodeData = (filter, setData, setIsLoading) => {