diff --git a/web/src/components/input/InputWithTags.tsx b/web/src/components/input/InputWithTags.tsx index 6c06e67e7..5d0786346 100644 --- a/web/src/components/input/InputWithTags.tsx +++ b/web/src/components/input/InputWithTags.tsx @@ -7,6 +7,7 @@ import { LuChevronUp, LuTrash2, LuStar, + LuSearch, } from "react-icons/lu"; import { FilterType, @@ -161,8 +162,12 @@ export default function InputWithTags({ .map((word) => word.trim()) .lastIndexOf(words.filter((word) => word.trim() !== "").pop() || ""); const currentWord = words[lastNonEmptyWordIndex]; + if (words.at(-1) === "") { + return current_suggestions; + } + return current_suggestions.filter((suggestion) => - suggestion.toLowerCase().includes(currentWord.toLowerCase()), + suggestion.toLowerCase().startsWith(currentWord), ); }, [inputValue, suggestions, currentFilterType], @@ -636,7 +641,19 @@ export default function InputWithTags({ inputFocused ? "visible" : "hidden", )} > - {(Object.keys(filters).length > 0 || isSimilaritySearch) && ( + {!currentFilterType && inputValue && ( + + handleSearch(inputValue)} + > + + Search for "{inputValue}" + + + )} + {(Object.keys(filters).filter((key) => key !== "query").length > 0 || + isSimilaritySearch) && (
{isSimilaritySearch && (