Add onClose prop to return to provider list (#4415)

fixes: #4406
This commit is contained in:
Erik Jan de Wit 2023-02-16 15:54:44 +01:00 committed by GitHub
parent a96fcf18cf
commit 71e7fc1f84
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -10,6 +10,7 @@ import {
} from "@patternfly/react-core"; } from "@patternfly/react-core";
import { Controller, FormProvider, useForm } from "react-hook-form"; import { Controller, FormProvider, useForm } from "react-hook-form";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { useNavigate } from "react-router-dom";
import { useAlerts } from "../../../components/alert/Alerts"; import { useAlerts } from "../../../components/alert/Alerts";
import { DynamicComponents } from "../../../components/dynamic/DynamicComponents"; import { DynamicComponents } from "../../../components/dynamic/DynamicComponents";
@ -21,7 +22,8 @@ import { useAdminClient, useFetch } from "../../../context/auth/AdminClient";
import { useServerInfo } from "../../../context/server-info/ServerInfoProvider"; import { useServerInfo } from "../../../context/server-info/ServerInfoProvider";
import { KEY_PROVIDER_TYPE } from "../../../util"; import { KEY_PROVIDER_TYPE } from "../../../util";
import { useParams } from "../../../utils/useParams"; import { useParams } from "../../../utils/useParams";
import type { KeyProviderParams, ProviderType } from "../../routes/KeyProvider"; import { KeyProviderParams, ProviderType } from "../../routes/KeyProvider";
import { toKeysTab } from "../../routes/KeysTab";
type KeyProviderFormProps = { type KeyProviderFormProps = {
id?: string; id?: string;
@ -174,11 +176,18 @@ export const KeyProviderForm = ({
export default function KeyProviderFormPage() { export default function KeyProviderFormPage() {
const { t } = useTranslation("realm-settings"); const { t } = useTranslation("realm-settings");
const params = useParams<KeyProviderParams>(); const params = useParams<KeyProviderParams>();
const navigate = useNavigate();
return ( return (
<> <>
<ViewHeader titleKey={t("editProvider")} subKey={params.providerType} /> <ViewHeader titleKey={t("editProvider")} subKey={params.providerType} />
<PageSection variant="light"> <PageSection variant="light">
<KeyProviderForm {...params} /> <KeyProviderForm
{...params}
onClose={() =>
navigate(toKeysTab({ realm: params.realm, tab: "providers" }))
}
/>
</PageSection> </PageSection>
</> </>
); );