chore: possible fix for the autocomplete

bcgov · Dec 6, 2024 · c5434aa · c5434aa
1 parent feeeee6
commit c5434aa
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/frontend/src/components/AutocompleteClientLocation/index.tsx b/frontend/src/components/AutocompleteClientLocation/index.tsx
@@ -74,6 +74,7 @@ const AutocompleteClientLocation: React.ForwardRefExoticComponent<AutocompleteCo
   const [location, setLocation] = useState<AutocompleteProps | null>(null);
   const [client, setClient] = useState<AutocompleteProps | null>(null);
   const [valueTyped, setValueTyped] = useState<string | null>(null);
+  const [locationName, setLocationName] = useState<string | null>(null);
 
   const clearClient = () => {
     updateOptions("locations", []);
@@ -98,22 +99,24 @@ const AutocompleteClientLocation: React.ForwardRefExoticComponent<AutocompleteCo
     selectClient(autocompleteEvent.selectedItem)
   };
 
-  const handleBlur = () => {
-    console.log("handleBlur",valueTyped,options["clients"]);
-    console.log("handleBlur",valueTyped,options["clients"]?.find((item: AutocompleteProps) => item.label === valueTyped));
-  }
-
   useEffect(() => {
     const selectedItem = options["clients"]?.find((item: AutocompleteProps) => item.label === valueTyped);
     if(valueTyped && selectedItem){
-      console.log("handleClientChange",selectedItem);
       selectClient(selectedItem);
     }
 
     if(valueTyped)
       fetchOptions(valueTyped, "clients")
   },[valueTyped]);
 
+  useEffect(() => {
+
+    const selectedItem = options["locations"]?.find((item: AutocompleteProps) => item.label === locationName);
+    if(locationName && selectedItem){
+      setLocation(selectedItem);
+    }
+  }, [locationName]);
+
   useImperativeHandle(ref, () => ({
     reset: () => setLocation(null)
   }));
@@ -131,7 +134,6 @@ const AutocompleteClientLocation: React.ForwardRefExoticComponent<AutocompleteCo
         selectedItem={client}
         onInputChange={setValueTyped}
         onChange={handleClientChange}
-        onBlur={handleBlur}
         itemToElement={(item: AutocompleteProps) => item.label}
         helperText="Search by client name, number or acronym"
         items={options["clients"] || []}
@@ -141,6 +143,7 @@ const AutocompleteClientLocation: React.ForwardRefExoticComponent<AutocompleteCo
         disabled={!isActive}
         id="client-location"
         className="flex-fill"
+        onInputChange={setLocationName}
         onChange={(item: AutocompleteComboboxProps) => setLocation(item.selectedItem)}
         itemToElement={(item: AutocompleteProps) => item.label}
         items={options["locations"] || [{ id: "", label: "No results found" }]}