diff --git a/frontend/src/modules/organization/config/filters/headcount/config.ts b/frontend/src/modules/organization/config/filters/headcount/config.ts index 5e951fd13a..9a4333de53 100644 --- a/frontend/src/modules/organization/config/filters/headcount/config.ts +++ b/frontend/src/modules/organization/config/filters/headcount/config.ts @@ -1,25 +1,25 @@ import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig'; import { - SelectFilterConfig, SelectFilterOptions, - SelectFilterValue, -} from '@/shared/modules/filters/types/filterTypes/SelectFilterConfig'; + MultiSelectFilterConfig, MultiSelectFilterOptions, + MultiSelectFilterValue, +} from '@/shared/modules/filters/types/filterTypes/MultiSelectFilterConfig'; import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType'; import options from './options'; -const headcount: SelectFilterConfig = { +const headcount: MultiSelectFilterConfig = { id: 'headcount', label: 'Headcount', iconClass: 'ri-group-2-line', - type: FilterConfigType.SELECT, + type: FilterConfigType.MULTISELECT, options: { options, }, - itemLabelRenderer(value: SelectFilterValue, options: SelectFilterOptions): string { - return itemLabelRendererByType[FilterConfigType.SELECT]('Headcount', value, options); + itemLabelRenderer(value: MultiSelectFilterValue, options: MultiSelectFilterOptions): string { + return itemLabelRendererByType[FilterConfigType.MULTISELECT]('Headcount', value, options); }, - apiFilterRenderer({ value, include }: SelectFilterValue): any[] { + apiFilterRenderer({ value, include }: MultiSelectFilterValue): any[] { const filter = { - size: { eq: value }, + or: value.map((count) => ({ size: { eq: count } })), }; return [ (include ? filter : { not: filter }), diff --git a/frontend/src/modules/organization/config/filters/headcount/options.ts b/frontend/src/modules/organization/config/filters/headcount/options.ts index 0d8012f190..b5b4853e9c 100644 --- a/frontend/src/modules/organization/config/filters/headcount/options.ts +++ b/frontend/src/modules/organization/config/filters/headcount/options.ts @@ -23,6 +23,18 @@ const options: MultiSelectFilterOptionGroup[] = [ label: '501-1000', value: '501-1000', }, + { + label: '1001-5000', + value: '1001-5001', + }, + { + label: '5001-10000', + value: '5001-10000', + }, + { + label: '> 10000', + value: '10000+', + }, ], }, ];