diff --git a/src/js/components/devices/widgets/filters.js b/src/js/components/devices/widgets/filters.js index bf0d465811..49de65f5d7 100644 --- a/src/js/components/devices/widgets/filters.js +++ b/src/js/components/devices/widgets/filters.js @@ -26,7 +26,6 @@ import { deepCompare, toggle } from '../../../helpers'; import { getDeviceFilters, getFilterAttributes, getGlobalSettings, getIsEnterprise, getSelectedGroupInfo, getTenantCapabilities } from '../../../selectors'; import EnterpriseNotification from '../../common/enterpriseNotification'; import { InfoHintContainer } from '../../common/info-hint'; -import MenderTooltip from '../../common/mendertooltip'; import FilterItem from './filteritem'; export const getFilterLabelByKey = (key, attributes) => { @@ -125,6 +124,7 @@ export const Filters = ({ className = '', onGroupClick, open }) => { { : item.value : '' }`} - onDelete={() => removeFilter(item)} + onDelete={item.isGroupFilter ? undefined : () => removeFilter(item)} /> ))} @@ -154,18 +154,7 @@ export const Filters = ({ className = '', onGroupClick, open }) => { )} {isEnterprise && !!filters.length && (
- {selectedGroup ? ( - !!groupFilters.length && ( - - - - ) - ) : ( + {!selectedGroup && ( diff --git a/src/js/selectors/index.js b/src/js/selectors/index.js index 16d67388b9..34d05e7a7e 100644 --- a/src/js/selectors/index.js +++ b/src/js/selectors/index.js @@ -175,7 +175,7 @@ export const getSelectedGroupInfo = createSelector( let groupFilters = []; if (selectedGroup && groupsById[selectedGroup]) { groupCount = groupsById[selectedGroup].total; - groupFilters = groupsById[selectedGroup].filters || []; + groupFilters = groupsById[selectedGroup].filters.map(filter => ({ ...filter, isGroupFilter: true })) || []; } return { groupCount, selectedGroup, groupFilters }; }