diff --git a/plugins/search/src/components/SearchModal/SearchModal.tsx b/plugins/search/src/components/SearchModal/SearchModal.tsx index 841e7e0fe8..101b58c334 100644 --- a/plugins/search/src/components/SearchModal/SearchModal.tsx +++ b/plugins/search/src/components/SearchModal/SearchModal.tsx @@ -61,26 +61,12 @@ export const Modal = ({ open = true, toggleModal }: SearchModalProps) => { const getSearchLink = useRouteRef(rootRouteRef); const classes = useStyles(); + const { term } = useSearch(); const { focusContent } = useLayoutContent(); const { transitions } = useTheme(); - const { term, setTerm } = useSearch(); - const [value, setValue] = useState(term); - - useEffect(() => { - setValue(prevValue => (prevValue !== term ? term : prevValue)); - }, [term]); - - useDebounce(() => setTerm(value), 500, [value]); - - const handleQuery = (newValue: string) => { - setValue(newValue); - }; - - const handleClear = () => setValue(''); const handleResultClick = () => { toggleModal(); - handleClear(); setTimeout(focusContent, transitions.duration.leavingScreen); }; @@ -117,7 +103,7 @@ export const Modal = ({ open = true, toggleModal }: SearchModalProps) => { toggleModal(); setTimeout(focusContent, transitions.duration.leavingScreen); }} - to={`${getSearchLink()}?query=${value}`} + to={`${getSearchLink()}?query=${term}`} > View Full Results