fix: create timer for when the search calls from the database

hopetambala · Mar 27, 2021 · 489feee · 489feee
1 parent 8c52608
commit 489feee
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/components/ResidentIdSearchbar/index.js b/components/ResidentIdSearchbar/index.js
@@ -15,6 +15,7 @@ const ResidentIdSearchbar = ({ surveyee, setSurveyee, surveyingOrganization }) =
   const [residentsData, setResidentsData] = useState([]);
   const [loading, setLoading] = useState(false);
   const [offline, setOffline] = useState(true);
+  const [searchTimeout, setSearchTimeout] = useState(null);
 
   useEffect(() => {
     checkOnlineStatus().then(async (connected) => {
@@ -92,8 +93,13 @@ const ResidentIdSearchbar = ({ surveyee, setSurveyee, surveyingOrganization }) =
   );
 
   const onChangeSearch = (input) => {
-    fetchData();
+    clearTimeout(searchTimeout);
+
     setQuery(input);
+
+    setSearchTimeout(setTimeout(() => {
+      fetchData();
+    }, 1000));
   };
 
   const onSelectSurveyee = (listItem) => {