From b86e5257f947efa11db61cdbee7fb9736df98388 Mon Sep 17 00:00:00 2001
From: Nicholas <nsanaie@unc.edu>
Date: Fri, 12 Apr 2024 20:19:10 -0400
Subject: [PATCH] added search functionality for tags
---
compass/components/TagsInput/Index.tsx | 7 +++++--
compass/package-lock.json | 1 -
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/compass/components/TagsInput/Index.tsx b/compass/components/TagsInput/Index.tsx
index ca0c947..7ae393e 100644
--- a/compass/components/TagsInput/Index.tsx
+++ b/compass/components/TagsInput/Index.tsx
@@ -20,9 +20,12 @@ const TagsInput: React.FC<TagsInputProps> = ({
const [options, setOptions] = useState<Set<string>>(new Set(presetOptions));
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
- setInputValue(e.target.value);
+ setOptions(() => {
+ const newOptions = presetOptions.filter(item => item.includes(e.target.value.toLowerCase()));
+ return new Set(newOptions);
+ })
+ setInputValue(e.target.value); // Update input value state
};
-
const handleAddTag = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === "Enter" && inputValue.trim()) {
setTags((prevTags) => new Set(prevTags).add(inputValue));
diff --git a/compass/package-lock.json b/compass/package-lock.json
index 1c26973..fd7ab14 100644
--- a/compass/package-lock.json
+++ b/compass/package-lock.json
@@ -4395,4 +4395,3 @@
}
}
}
-