diff --git a/packages/client/src/components/dialogs/ChangeNameDialog/index.js b/packages/client/src/components/dialogs/ChangeNameDialog/index.js index 37edbd59bc..4cdadd768a 100644 --- a/packages/client/src/components/dialogs/ChangeNameDialog/index.js +++ b/packages/client/src/components/dialogs/ChangeNameDialog/index.js @@ -34,6 +34,10 @@ const ChangeNameDialog = (props) => { } }; + const onKeyDown = (e) => { + if (e.keyCode === 13 || e.which === 13) onSaveClick(); + }; + const onSaveClick = async () => { const newProfile = profile; newProfile.firstName = firstName; @@ -76,6 +80,8 @@ const ChangeNameDialog = (props) => { onChange={(e) => setFirstName(e.target.value)} placeholder={t("Common:FirstName")} isDisabled={isSaving} + onKeyDown={onKeyDown} + tabIndex={1} /> @@ -90,6 +96,8 @@ const ChangeNameDialog = (props) => { onChange={(e) => setLastName(e.target.value)} placeholder={t("Common:LastName")} isDisabled={isSaving} + onKeyDown={onKeyDown} + tabIndex={2} /> @@ -102,6 +110,7 @@ const ChangeNameDialog = (props) => { primary={true} onClick={onSaveClick} isLoading={isSaving} + tabIndex={3} />