diff --git a/odd-platform-ui/src/components/shared/elements/QueryExamples/QueryExamplesAutocomplete.tsx b/odd-platform-ui/src/components/shared/elements/QueryExamples/QueryExamplesAutocomplete.tsx index 26fc4af2d..4e6983237 100644 --- a/odd-platform-ui/src/components/shared/elements/QueryExamples/QueryExamplesAutocomplete.tsx +++ b/odd-platform-ui/src/components/shared/elements/QueryExamples/QueryExamplesAutocomplete.tsx @@ -57,6 +57,16 @@ const QueryExamplesAutocomplete: React.FC = ({ return ''; }, []); + const handleInput = (input: string) => { + setQuery(input); + setAutocompleteOpen(!!input); + }; + + const handleSelection = () => { + setQuery(''); // Clear input on select + setAutocompleteOpen(false); + }; + const searchInputChange = useCallback( ( _: React.ChangeEvent, @@ -64,15 +74,9 @@ const QueryExamplesAutocomplete: React.FC = ({ reason: AutocompleteInputChangeReason ) => { if (reason === 'input') { - setQuery(input); - if (!input) { - setAutocompleteOpen(false); - } else { - setAutocompleteOpen(true); - } + handleInput(input); } else { - setQuery(''); // Clear input on select - setAutocompleteOpen(false); + handleSelection(); } }, [setQuery]