From f53bc0195584d0b9cd626644ca6e16b707bd3317 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Mon, 21 Apr 2025 14:33:49 -0600
Subject: [PATCH] press enter invite

---
 web/src/components/features/modal/InvitePeopleModal.tsx | 1 +
 web/src/components/ui/inputs/InputTagInput.tsx          | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/web/src/components/features/modal/InvitePeopleModal.tsx b/web/src/components/features/modal/InvitePeopleModal.tsx
index bdca6be7b..aa3bef55e 100644
--- a/web/src/components/features/modal/InvitePeopleModal.tsx
+++ b/web/src/components/features/modal/InvitePeopleModal.tsx
@@ -59,6 +59,7 @@ export const InvitePeopleModal: React.FC<{
         <InputTagInput
           tags={emails}
           onChangeText={setInputText}
+          onPressEnter={handleInvite}
           onTagAdd={(v) => {
             const arrayedTags = Array.isArray(v) ? v : [v];
             const hadMultipleTags = arrayedTags.length > 1;
diff --git a/web/src/components/ui/inputs/InputTagInput.tsx b/web/src/components/ui/inputs/InputTagInput.tsx
index 666ae6acc..789f6e3ca 100644
--- a/web/src/components/ui/inputs/InputTagInput.tsx
+++ b/web/src/components/ui/inputs/InputTagInput.tsx
@@ -12,6 +12,7 @@ export interface TagInputProps extends VariantProps<typeof inputVariants> {
   onTagAdd?: (tag: string | string[]) => void;
   onTagRemove?: (index: number) => void;
   onChangeText?: (text: string) => void;
+  onPressEnter?: () => void;
   placeholder?: string;
   disabled?: boolean;
   maxTags?: number;
@@ -29,6 +30,7 @@ const InputTagInput = React.forwardRef<HTMLInputElement, TagInputProps>(
       onTagAdd,
       onTagRemove,
       onChangeText,
+      onPressEnter,
       placeholder,
       disabled = false,
       maxTags,
@@ -80,6 +82,10 @@ const InputTagInput = React.forwardRef<HTMLInputElement, TagInputProps>(
       } else if (e.key === 'Backspace' && inputValue === '' && tags.length > 0 && !disabled) {
         onTagRemove?.(tags.length - 1);
       }
+
+      if (e.key === 'Enter' && inputValue.trim() === '') {
+        onPressEnter?.();
+      }
     });
 
     const handleInputChange = useMemoizedFn((e: React.ChangeEvent<HTMLInputElement>) => {