libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases 1 Packages Activity Actions

onEnter should not post the form (#269)

Browse source 
* onEnter should not post the form

fixing: #257

* added focus to input field

* fixed button
This commit is contained in:
Erik Jan de Wit 2021-01-05 20:53:01 +01:00 committed by GitHub
parent b14027ccb7
commit c1282b2973
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/groups/GroupsCreateModal.tsx
View file

@ -1,4 +1,4 @@
import React from "react";
import React, { FormEvent } from "react";
import {
AlertVariant,
Button,
@ -41,7 +41,8 @@ export const GroupsCreateModal = ({
setCreateGroupName(createGroupName);
};
const submitForm = async () => {
const submitForm = async (e: FormEvent) => {
e.preventDefault();
if (await form.trigger()) {
try {
await adminClient.groups.create({ name: createGroupName });
@ -66,12 +67,12 @@ export const GroupsCreateModal = ({
isOpen={isCreateModalOpen}
onClose={handleModalToggle}
actions={[
<Button key="confirm" variant="primary" onClick={() => submitForm()}>
<Button key="confirm" variant="primary" onClick={submitForm}>
{t("create")}
</Button>,
]}
>
<Form isHorizontal>
<Form isHorizontal onSubmit={submitForm}>
<FormGroup
name="create-modal-group"
label={t("name")}
@ -84,6 +85,7 @@ export const GroupsCreateModal = ({
>
<TextInput
ref={register({ required: true })}
autoFocus
type="text"
id="create-group-name"
name="name"