e28aa90fcb
* use context for adminClient Now we can reuse the components as we can use the adminClient from the context Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * split environment into base, admin and account Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added type to useEnvironment Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> --------- Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
30 lines
1 KiB
TypeScript
30 lines
1 KiB
TypeScript
import type RealmRepresentation from "@keycloak/keycloak-admin-client/lib/defs/realmRepresentation";
|
|
import { useState } from "react";
|
|
import { useAdminClient } from "../admin-client";
|
|
import { KeycloakSpinner } from "../components/keycloak-spinner/KeycloakSpinner";
|
|
import { useFetch } from "../utils/useFetch";
|
|
import { useParams } from "../utils/useParams";
|
|
import { RealmSettingsTabs } from "./RealmSettingsTabs";
|
|
import type { RealmSettingsParams } from "./routes/RealmSettings";
|
|
|
|
export default function RealmSettingsSection() {
|
|
const { adminClient } = useAdminClient();
|
|
|
|
const { realm: realmName } = useParams<RealmSettingsParams>();
|
|
const [realm, setRealm] = useState<RealmRepresentation>();
|
|
const [key, setKey] = useState(0);
|
|
|
|
const refresh = () => {
|
|
setKey(key + 1);
|
|
setRealm(undefined);
|
|
};
|
|
|
|
useFetch(() => adminClient.realms.findOne({ realm: realmName }), setRealm, [
|
|
key,
|
|
]);
|
|
|
|
if (!realm) {
|
|
return <KeycloakSpinner />;
|
|
}
|
|
return <RealmSettingsTabs realm={realm} refresh={refresh} />;
|
|
}
|