🐛 Load filter values for multiselect before input (#1713) (#1721)

Resolves https://issues.redhat.com/browse/MTA-2322 - Need to load the select options into the dropdown state in cases where category.selectOptions is async --------- Signed-off-by: Ian Bolton <[email protected]> Signed-off-by: Cherry Picker <[email protected]> Signed-off-by: Ian Bolton <[email protected]> Signed-off-by: Cherry Picker <[email protected]> Co-authored-by: Ian Bolton <[email protected]>
konveyor · Feb 29, 2024 · d7ec72a · d7ec72a
1 parent 8fa9087
commit d7ec72a
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx
@@ -49,6 +49,12 @@ export const MultiselectFilterControl = <TItem,>({
     FilterSelectOptionProps[]
   >(Array.isArray(category.selectOptions) ? category.selectOptions : []);
 
+  React.useEffect(() => {
+    setSelectOptions(
+      Array.isArray(category.selectOptions) ? category.selectOptions : []
+    );
+  }, [category.selectOptions]);
+
   const hasGroupings = !Array.isArray(selectOptions);
 
   const flatOptions: FilterSelectOptionProps[] = !hasGroupings