@@ -8,7 +8,7 @@ import { useLoaderData, useNavigate, useRouteContext } from "@tanstack/react-rou
88import { FilterSettings , SelectedFilter } from "../common/types"
99import { getFiltersForUrl } from "../utils"
1010import { SELECTED_FILTER_PREFIX } from "../constants"
11- import { Stack , InputGroup , Button , SearchInput } from "@cloudoperators/juno-ui-components/index"
11+ import { Stack , Button , SearchInput } from "@cloudoperators/juno-ui-components/index"
1212import { SelectedFilters } from "../common/SelectedFilters"
1313import { useQuery } from "@tanstack/react-query"
1414import {
@@ -68,25 +68,23 @@ export const PluginPresetsFilters = () => {
6868 return (
6969 < Stack direction = "vertical" gap = "4" className = "bg-theme-background-lvl-1 py-2 px-4 mb-px" >
7070 < Stack alignment = "start" gap = "4" >
71- < InputGroup >
72- < FilterSelect
73- filters = { filters }
74- isLoading = { isLoading }
75- error = { error }
76- onChange = { ( selectedFilter : SelectedFilter ) => {
77- const filterExists = filterSettings . selectedFilters ?. some (
78- ( filter ) => filter . id === selectedFilter . id && filter . value === selectedFilter . value
79- )
80- //only add the filter if it does not already exist
81- if ( ! filterExists ) {
82- updateFilters ( {
83- ...filterSettings ,
84- selectedFilters : [ ...( filterSettings . selectedFilters || [ ] ) , selectedFilter ] ,
85- } )
86- }
87- } }
88- />
89- </ InputGroup >
71+ < FilterSelect
72+ filters = { filters }
73+ isLoading = { isLoading }
74+ error = { error }
75+ onChange = { ( selectedFilter : SelectedFilter ) => {
76+ const filterExists = filterSettings . selectedFilters ?. some (
77+ ( filter ) => filter . id === selectedFilter . id && filter . value === selectedFilter . value
78+ )
79+ //only add the filter if it does not already exist
80+ if ( ! filterExists ) {
81+ updateFilters ( {
82+ ...filterSettings ,
83+ selectedFilters : [ ...( filterSettings . selectedFilters || [ ] ) , selectedFilter ] ,
84+ } )
85+ }
86+ } }
87+ />
9088 < SearchInput
9189 placeholder = { `search term for PluginPreset name` }
9290 className = "w-96 ml-auto"
0 commit comments