rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: focus name input and handle enter keys

Browse Source
This commit is contained in:
Aman Harwara
2023-08-08 21:25:52 +05:30
parent c9d1b845a2
commit c167f2b29b
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx
View File

@@ -74,6 +74,14 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
[editContactUuid, handleDialogClose, handleSubmit], [editContactUuid, handleDialogClose, handleSubmit],
) )
const focusInput = useCallback((input: HTMLInputElement | null) => {
if (input) {
setTimeout(() => {
input.focus()
})
}
}, [])
return ( return (
<Modal <Modal
title={editContactUuid ? 'Edit Contact' : 'Add New Contact'} title={editContactUuid ? 'Edit Contact' : 'Add New Contact'}
@@ -90,6 +98,8 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
onChange={(value) => { onChange={(value) => {
setName(value) setName(value)
}} }}
ref={focusInput}
onEnter={handleSubmit}
/> />
{!editingContact?.isMe && ( {!editingContact?.isMe && (
@@ -101,6 +111,7 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
onChange={(value) => { onChange={(value) => {
setCollaborationID(value) setCollaborationID(value)
}} }}
onEnter={handleSubmit}
/> />
)} )}