From c167f2b29b349fc90bd34ae172e45db3921cc5ae Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 8 Aug 2023 21:25:52 +0530
Subject: [PATCH] chore: focus name input and handle enter keys

---
 .../Panes/Vaults/Contacts/EditContactModal.tsx        | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx
index 7ecc621f4..f296c01e6 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx
@@ -74,6 +74,14 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
     [editContactUuid, handleDialogClose, handleSubmit],
   )
 
+  const focusInput = useCallback((input: HTMLInputElement | null) => {
+    if (input) {
+      setTimeout(() => {
+        input.focus()
+      })
+    }
+  }, [])
+
   return (
     <Modal
       title={editContactUuid ? 'Edit Contact' : 'Add New Contact'}
@@ -90,6 +98,8 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
               onChange={(value) => {
                 setName(value)
               }}
+              ref={focusInput}
+              onEnter={handleSubmit}
             />
 
             {!editingContact?.isMe && (
@@ -101,6 +111,7 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
                 onChange={(value) => {
                   setCollaborationID(value)
                 }}
+                onEnter={handleSubmit}
               />
             )}