Project name
@@ -498,7 +489,7 @@ const ProjectForm = ({
variant="outline"
role="combobox"
aria-expanded={open}
- className="w-96 justify-between"
+ className="w-96 justify-between overflow-hidden text-ellipsis whitespace-nowrap"
>
{selectedTag.length > 0
? selectedTag.join(", ")
@@ -517,13 +508,18 @@ const ProjectForm = ({
key={tag.value}
value={tag.value}
onSelect={(currentValue) => {
- setSelectedTag((prev) =>
- prev.includes(currentValue)
+ setSelectedTag((prev) => {
+ const updatedTags = prev.includes(
+ currentValue
+ )
? prev.filter(
(item) => item !== currentValue
)
- : [...prev, currentValue]
- );
+ : [...prev, currentValue];
+ field.onChange(updatedTags);
+
+ return updatedTags;
+ });
setOpen(false);
}}
>
@@ -548,42 +544,48 @@ const ProjectForm = ({
investors understand your focus.
-
- {/* display selected tags */}
-
- {selectedTag.map((tag) => (
-
- {tag}
-
- setSelectedTag((prev) =>
- prev.filter((item) => item !== tag)
- )
- }
- >
- {/* delete button */}
-
-
-
- ))}
-