diff --git a/frontend/src/component/commandBar/CommandBar.tsx b/frontend/src/component/commandBar/CommandBar.tsx index 388b6fd38a1..53f57e0e14f 100644 --- a/frontend/src/component/commandBar/CommandBar.tsx +++ b/frontend/src/component/commandBar/CommandBar.tsx @@ -16,13 +16,13 @@ import { useOnClickOutside } from 'hooks/useOnClickOutside'; import { useOnBlur } from 'hooks/useOnBlur'; import { RecentlyVisited } from './RecentlyVisited/RecentlyVisited'; import { useRecentlyVisited } from 'hooks/useRecentlyVisited'; -import { useGlobalFeatureSearch } from '../feature/FeatureToggleList/useGlobalFeatureSearch'; import { CommandResultGroup, type CommandResultGroupItem, } from './RecentlyVisited/CommandResultGroup'; import { useAsyncDebounce } from 'react-table'; import useProjects from 'hooks/api/getters/useProjects/useProjects'; +import { useFeatureSearch } from 'hooks/api/getters/useFeatureSearch/useFeatureSearch'; export const CommandResultsPaper = styled(Paper)(({ theme }) => ({ position: 'absolute', @@ -85,6 +85,7 @@ export const CommandBar = () => { const searchInputRef = useRef(null); const searchContainerRef = useRef(null); const [showSuggestions, setShowSuggestions] = useState(false); + const [searchString, setSearchString] = useState(undefined); const [searchedProjects, setSearchedProjects] = useState< CommandResultGroupItem[] >([]); @@ -95,11 +96,14 @@ export const CommandBar = () => { const [value, setValue] = useState(''); - const { features, setTableState } = useGlobalFeatureSearch(3); + const { features = [] } = useFeatureSearch({ + query: searchString, + limit: '3', + }); const { projects } = useProjects(); const debouncedSetSearchState = useAsyncDebounce((query) => { - setTableState({ query }); + setSearchString(query); const filteredProjects = projects.filter((project) => project.name.toLowerCase().includes(query.toLowerCase()),