diff --git a/ui/src/admin/components/influxdb/CreateUserDialog.tsx b/ui/src/admin/components/influxdb/CreateUserDialog.tsx index 068233bb9..b7312bc82 100644 --- a/ui/src/admin/components/influxdb/CreateUserDialog.tsx +++ b/ui/src/admin/components/influxdb/CreateUserDialog.tsx @@ -29,6 +29,15 @@ const CreateUserDialog = ({visible, setVisible, create}: Props) => { setPassword('') setVisible(false) }, []) + const onEnterPressed = useCallback( + (e: React.KeyboardEvent) => { + if (e.key === 'Enter' && name && password) { + e.stopPropagation() + create({name, password}) + } + }, + [name, password, create] + ) return ( @@ -42,6 +51,7 @@ const CreateUserDialog = ({visible, setVisible, create}: Props) => { onChange={e => setName(e.target.value)} autoFocus={true} autoComplete="off" + onKeyPress={onEnterPressed} status={ validateUserName(name) ? ComponentStatus.Valid @@ -60,6 +70,7 @@ const CreateUserDialog = ({visible, setVisible, create}: Props) => { : ComponentStatus.Default } onChange={e => setPassword(e.target.value)} + onKeyPress={onEnterPressed} autoComplete="off" testId="password--input" />