Update active plant list when opening list

equinor · Sep 6, 2023 · 1543895 · 1543895
1 parent c9b92b8
commit 1543895
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx
@@ -78,14 +78,15 @@ function InstallationPicker(page: string) {
     const { installationCode, switchInstallation } = useInstallationContext()
     const [showActivePlants, setShowActivePlants] = useState<boolean>(true)
     const [isDialogOpen, setIsDialogOpen] = useState<boolean>(false)
+    const [updateListOfActivePlants, setUpdateListOfActivePlants] = useState<boolean>(false)
 
     useEffect(() => {
         const plantPromise = showActivePlants ? BackendAPICaller.getActivePlants() : BackendAPICaller.getEchoPlantInfo()
         plantPromise.then(async (response: EchoPlantInfo[]) => {
             const mapping = mapInstallationCodeToName(response)
             setAllPlantsMap(mapping)
         })
-    }, [showActivePlants])
+    }, [showActivePlants, updateListOfActivePlants])
 
     const mappedOptions = allPlantsMap ? allPlantsMap : new Map<string, string>()
     return (
@@ -102,7 +103,10 @@ function InstallationPicker(page: string) {
                     else switchInstallation('')
                 }}
                 autoWidth={true}
-                onFocus={(e) => e.preventDefault()}
+                onFocus={(e) => {
+                    e.preventDefault()
+                    setUpdateListOfActivePlants(!updateListOfActivePlants)
+                }}
             />
             <Button variant="ghost_icon" onClick={() => setIsDialogOpen(true)}>
                 {' '}