changed way of doing full-text search

src/pages/FilesPage/FilesViewPage.js

@@ -25,7 +25,7 @@ const FilesViewPage = () => {
   const { data } = useSelector((s) => s.files);
   const { t } = useTranslation();
   const [isSearchFieldVisible, setIsSearchFieldVisible] = useState(false);
-  const [timer, setTimer] = useState(null)
+  // const [timer, setTimer] = useState(null);
 
   const dispatch = useDispatch();
 
@@ -93,29 +93,26 @@ const FilesViewPage = () => {
   };
 
   const handleChangeContent = (value) => {
-    // setContent(value)
-
-    clearTimeout(timer)
-
-    var catFilters = [];
-    filters.categories
-      ?.filter((n) => n.isChecked)
-      .forEach((m) => catFilters.push(m.name));
-
-    var extFilters = [];
-    filters.extensions
-      ?.filter((n) => n.isChecked)
-      .forEach((m) => extFilters.push(m.name));
-
-    var tagFilters = [];
-    filters.tags
-      ?.filter((n) => n.isChecked)
-      .forEach((m) => tagFilters.push(m.name));
+    dispatch(setContent(value));
+  };
 
-    dispatch(setContent(value))
+  const handleKeyDown = (event) => {
+    console.log(filters.content)
+    if (event.key === "Enter" && filters.content !== "" ) {
+      var catFilters = [];
+      filters.categories
+        ?.filter((n) => n.isChecked)
+        .forEach((m) => catFilters.push(m.name));
 
+      var extFilters = [];
+      filters.extensions
+        ?.filter((n) => n.isChecked)
+        .forEach((m) => extFilters.push(m.name));
 
-    const newTimer = setTimeout(() => {
+      var tagFilters = [];
+      filters.tags
+        ?.filter((n) => n.isChecked)
+        .forEach((m) => tagFilters.push(m.name));
 
       dispatch(
         getFilesReq({
@@ -125,21 +122,20 @@ const FilesViewPage = () => {
             categories: catFilters,
             extensions: extFilters,
             tags: tagFilters,
-            content: value,
+            content: filters.content,
           },
         })
       );
-    }, 3000)
-
-    setTimer(newTimer)
-  } 
+    }
+  };
 
   const input = (
     <div>
       <input
         placeholder="Pretrazi..."
-        value={filters.content === null ? "" : filters.content}
+        value={filters.content === undefined ? "" : filters.content}
         onChange={(e) => handleChangeContent(e.target.value)}
+        onKeyDown={handleKeyDown}
         className="candidate-search-field"
         onClick={stopPropagation}
         role="input"