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

put focus on the right field (#2296)

Browse source 
fixes translation keys as well
fixes: #1180
This commit is contained in:
Erik Jan de Wit 2022-03-22 12:16:02 +01:00 committed by GitHub
parent 8631584920
commit b68ddc2843
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/realm-settings/AddMessageBundleModal.tsx
View file

@ -29,14 +29,14 @@ export const AddMessageBundleModal = ({
handleModalToggle,
save,
}: AddMessageBundleModalProps) => {
const { t } = useTranslation("groups");
const { t } = useTranslation("realm-settings");
const { register, errors, handleSubmit } = useForm();
return (
<Modal
variant={ModalVariant.small}
title={t("realm-settings:addMessageBundle")}
isOpen={true}
title={t("addMessageBundle")}
isOpen
onClose={handleModalToggle}
actions={[
<Button
@ -63,12 +63,12 @@ export const AddMessageBundleModal = ({
>
<Form id="bundle-form" isHorizontal onSubmit={handleSubmit(save)}>
<FormGroup
label={t("realm-settings:key")}
label={t("common:key")}
name="key"
fieldId="email-id"
helperTextInvalid={t("users:emailInvalid")}
fieldId="key"
helperTextInvalid={t("common:required")}
validated={
errors.email ? ValidatedOptions.error : ValidatedOptions.default
errors.key ? ValidatedOptions.error : ValidatedOptions.default
}
isRequired
>
@ -80,29 +80,28 @@ export const AddMessageBundleModal = ({
id="add-key"
name="key"
validated={
errors.email ? ValidatedOptions.error : ValidatedOptions.default
errors.key ? ValidatedOptions.error : ValidatedOptions.default
}
/>
</FormGroup>
<FormGroup
label={t("realm-settings:value")}
label={t("common:value")}
name="add-value"
fieldId="value-id"
helperTextInvalid={t("users:emailInvalid")}
helperTextInvalid={t("common:required")}
validated={
errors.email ? ValidatedOptions.error : ValidatedOptions.default
errors.value ? ValidatedOptions.error : ValidatedOptions.default
}
isRequired
>
<TextInput
data-testid="value-input"
ref={register({ required: true })}
autoFocus
type="text"
id="add-value"
name="value"
validated={
errors.email ? ValidatedOptions.error : ValidatedOptions.default
errors.value ? ValidatedOptions.error : ValidatedOptions.default
}
/>
</FormGroup>