Search locations in the location picker not only on the basis of pref…

…ixes (#371)

* Added :contains to the name parameter in the FHIR Location API

* Fixed the loading issue

packages/apps/esm-login-app/src/choose-location/choose-location.resource.ts

@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from "react";
+import { useMemo } from "react";
 import {
   openmrsFetch,
   fhirBaseUrl,
@@ -49,13 +49,13 @@ export function useLoginLocations(
     }
 
     if (typeof searchQuery === "string" && searchQuery != "") {
-      url += `&name=${searchQuery}`;
+      url += `&name:contains=${searchQuery}`;
     }
 
     return url;
   };
 
-  const { data, isValidating, size, setSize, error } = useSwrInfinite<
+  const { data, isValidating, setSize, error } = useSwrInfinite<
     FetchResponse<LocationResponse>,
     Error
   >(getUrl, openmrsFetch);
@@ -68,10 +68,6 @@ export function useLoginLocations(
     });
   }
 
-  useEffect(() => {
-    setSize(1);
-  }, [searchQuery, setSize]);
-
   const memoizedLocationData = useMemo(() => {
     return {
       locationData: data
@@ -87,7 +83,7 @@ export function useLoginLocations(
       loadingNewData: isValidating,
       setPage: setSize,
     };
-  }, [data, isValidating, setSize]);
+  }, [data, error, isValidating, setSize, searchQuery]);
 
   return memoizedLocationData;
 }

packages/apps/esm-login-app/src/location-picker/location-picker.component.tsx

@@ -106,7 +106,6 @@ const LocationPicker: React.FC<LocationPickerProps> = ({
   const search = debounce((location: string) => {
     setActiveLocation("");
     setSearchTerm(location);
-    setPage(1);
   }, searchTimeout);
 
   const handleSubmit = (evt: React.FormEvent<HTMLFormElement>) => {