diff --git a/Common/UI/Components/Filters/FiltersForm.tsx b/Common/UI/Components/Filters/FiltersForm.tsx index 857ed190ec..41eb1c2e60 100644 --- a/Common/UI/Components/Filters/FiltersForm.tsx +++ b/Common/UI/Components/Filters/FiltersForm.tsx @@ -66,12 +66,14 @@ const FiltersForm: FiltersFormFunction = (
{props.showFilter && - !props.isFilterLoading && - !props.filterError && props.filters && props.filters .filter((filter: Filter) => { - return !filter.isAdvancedFilter || showMoreFilters; + if (filter.isAdvancedFilter) { + // Hide advanced filters if not toggled on, or if they are still loading/errored + return showMoreFilters && !props.isFilterLoading && !props.filterError; + } + return true; }) .map((filter: Filter, i: number) => { return ( @@ -127,6 +129,16 @@ const FiltersForm: FiltersFormFunction = ( ); })}
+ {props.showFilter && props.isFilterLoading && !props.filterError && ( + + )} + + {props.showFilter && props.filterError && ( + + )} {showAdvancedFilterButton && (
- {props.showFilter && props.isFilterLoading && !props.filterError && ( - - )} - - {props.showFilter && props.filterError && ( - - )} ); };