50 lines
1.7 KiB
TypeScript
50 lines
1.7 KiB
TypeScript
|
import { AlertVariant, PageSection } from "@patternfly/react-core";
|
||
|
|
import { FormProvider, useForm } from "react-hook-form";
|
||
|
|
import { useTranslation } from "react-i18next";
|
||
|
|
import { useNavigate } from "react-router-dom-v5-compat";
|
||
|
|
|
||
|
|
import { useAlerts } from "../components/alert/Alerts";
|
||
|
|
import { useAdminClient } from "../context/auth/AdminClient";
|
||
|
|
import { useRealm } from "../context/realm-context/RealmContext";
|
||
|
|
import { toUserFederation } from "./routes/UserFederation";
|
||
|
|
import { ExtendedHeader } from "./shared/ExtendedHeader";
|
||
|
|
import {
|
||
|
|
LdapComponentRepresentation,
|
||
|
|
serializeFormData,
|
||
|
|
UserFederationLdapForm,
|
||
|
|
} from "./UserFederationLdapForm";
|
||
|
|
|
||
|
|
export default function CreateUserFederationLdapSettings() {
|
||
|
|
const { t } = useTranslation("user-federation");
|
||
|
|
const form = useForm<LdapComponentRepresentation>({ mode: "onChange" });
|
||
|
|
const navigate = useNavigate();
|
||
|
|
const { adminClient } = useAdminClient();
|
||
|
|
const { realm } = useRealm();
|
||
|
|
const { addAlert, addError } = useAlerts();
|
||
|
|
|
||
|
|
const onSubmit = async (formData: LdapComponentRepresentation) => {
|
||
|
|
try {
|
||
|
|
await adminClient.components.create(serializeFormData(formData));
|
||
|
|
addAlert(t("createSuccess"), AlertVariant.success);
|
||
|
|
navigate(toUserFederation({ realm }));
|
||
|
|
} catch (error) {
|
||
|
|
addError("user-federation:createError", error);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<FormProvider {...form}>
|
||
|
|
<ExtendedHeader
|
||
|
|
provider="LDAP"
|
||
|
|
noDivider
|
||
|
|
save={() => form.handleSubmit(onSubmit)()}
|
||
|
|
/>
|
||
|
|
<PageSection variant="light" className="pf-u-p-0">
|
||
|
|
<PageSection variant="light">
|
||
|
|
<UserFederationLdapForm onSubmit={onSubmit} />
|
||
|
|
</PageSection>
|
||
|
|
</PageSection>
|
||
|
|
</FormProvider>
|
||
|
|
);
|
||
|
|
}
|