fix: empty keyword on enter

SyntaxUI · May 2, 2024 · 9365bf5 · 9365bf5
1 parent 7d0a96e
commit 9365bf5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/docs/components/input/page.mdx b/src/app/docs/components/input/page.mdx
@@ -45,8 +45,8 @@ const [inputValue, setInputValue] = useState<string>('')
 // Handles adding new keyword on Enter or comma press, and keyword removal on Backspace
 const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
 if (
-event.key === 'Enter' ||
-(event.key === ',' && inputValue.trim() !== '')
+(event.key === 'Enter' ||
+event.key === ',') && inputValue.trim() !== ''
 ) {
 event.preventDefault()
 const newKeywords = [...keywords, inputValue.trim()]

diff --git a/src/showcase/components/input/TagInput.tsx b/src/showcase/components/input/TagInput.tsx
@@ -15,8 +15,8 @@ const TagInput: React.FC = () => {
   // Handles adding new keyword on Enter or comma press, and keyword removal on Backspace
   const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
     if (
-      event.key === 'Enter' ||
-      (event.key === ',' && inputValue.trim() !== '')
+      (event.key === 'Enter' || event.key === ',') &&
+      inputValue.trim() !== ''
     ) {
       event.preventDefault()
       const newKeywords = [...keywords, inputValue.trim()]