From d7ec72a20234f401815cf878356a775dddee0804 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 28 Feb 2024 20:10:23 -0500 Subject: [PATCH] :bug: 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 Signed-off-by: Cherry Picker Signed-off-by: Ian Bolton Signed-off-by: Cherry Picker Co-authored-by: Ian Bolton --- .../components/FilterToolbar/MultiselectFilterControl.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx index f88511099e..1d2297ee7b 100644 --- a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx +++ b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx @@ -49,6 +49,12 @@ export const MultiselectFilterControl = ({ 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