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

replaced KeycloakTextInput with TextControl (#27711)

Browse source 
Signed-off-by: Agnieszka Gancarczyk <agancarc@redhat.com>
Co-authored-by: Agnieszka Gancarczyk <agancarc@redhat.com>
This commit is contained in:
agagancarczyk 2024-03-08 12:26:45 +00:00 committed by GitHub
parent 299118c45a
commit 7695532011
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 15 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/apps/admin-ui/cypress/support/pages/admin-ui/manage/groups/GroupModal.ts
View file

@ -2,7 +2,7 @@ import ModalUtils from "../../../../util/ModalUtils";
export default class GroupModal extends ModalUtils {
#createGroupModalTitle = "Create a group";
#groupNameInput = "groupNameInput";
#groupNameInput = "name";
#createGroupBnt = "createGroup";
#renameButton = "renameGroup";

2
js/apps/admin-ui/cypress/support/pages/admin-ui/manage/groups/group_details/GroupDetailPage.ts
View file

@ -20,7 +20,7 @@ export default class GroupDetailPage extends GroupPage {
#actionDrpDwnItemRenameGroup = "renameGroupAction";
#actionDrpDwnItemDeleteGroup = "deleteGroup";
#headerGroupName = ".pf-l-level.pf-m-gutter";
#renameGroupModalGroupNameInput = "groupNameInput";
#renameGroupModalGroupNameInput = "name";
#renameGroupModalRenameBtn = "renameGroup";
#permissionSwitch = "permissionSwitch";

43
js/apps/admin-ui/src/groups/GroupsModal.tsx
View file

@ -4,17 +4,14 @@ import {
Button,
ButtonVariant,
Form,
FormGroup,
Modal,
ModalVariant,
ValidatedOptions,
} from "@patternfly/react-core";
import { useForm } from "react-hook-form";
import { FormProvider, useForm } from "react-hook-form";
import { useTranslation } from "react-i18next";
import { TextControl } from "ui-shared";
import { adminClient } from "../admin-client";
import { useAlerts } from "../components/alert/Alerts";
import { KeycloakTextInput } from "../components/keycloak-text-input/KeycloakTextInput";
type GroupsModalProps = {
id?: string;
@ -31,13 +28,11 @@ export const GroupsModal = ({
}: GroupsModalProps) => {
const { t } = useTranslation();
const { addAlert, addError } = useAlerts();
const {
register,
handleSubmit,
formState: { errors },
} = useForm({
const form = useForm({
defaultValues: { name: rename?.name },
});
const { handleSubmit } = form;
const submitForm = async (group: GroupRepresentation) => {
group.name = group.name?.trim();
@ -96,28 +91,16 @@ export const GroupsModal = ({
</Button>,
]}
>
<Form id="group-form" isHorizontal onSubmit={handleSubmit(submitForm)}>
<FormGroup
name="create-modal-group"
label={t("name")}
fieldId="create-group-name"
helperTextInvalid={t("required")}
validated={
errors.name ? ValidatedOptions.error : ValidatedOptions.default
}
isRequired
>
<KeycloakTextInput
data-testid="groupNameInput"
<FormProvider {...form}>
<Form id="group-form" isHorizontal onSubmit={handleSubmit(submitForm)}>
<TextControl
name="name"
label={t("name")}
rules={{ required: t("required") }}
autoFocus
id="create-group-name"
validated={
errors.name ? ValidatedOptions.error : ValidatedOptions.default
}
{...register("name", { required: true })}
/>
</FormGroup>
</Form>
</Form>
</FormProvider>
</Modal>
);
};