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

Refactor realm keys providers to React Router v6 (#4188)

Browse source
This commit is contained in:
Jon Koops 2023-01-12 17:09:03 +01:00 committed by GitHub
parent d11ed1ccef
commit 099a0d44c4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
apps/admin-ui/src/realm-settings/keys/KeysProvidersTab.tsx
View file

@ -1,5 +1,6 @@
import { useMemo, useState, KeyboardEvent } from "react"; import type ComponentRepresentation from "@keycloak/keycloak-admin-client/lib/defs/componentRepresentation";
import { useTranslation } from "react-i18next"; import type ComponentTypeRepresentation from "@keycloak/keycloak-admin-client/lib/defs/componentTypeRepresentation";
import type { KeyMetadataRepresentation } from "@keycloak/keycloak-admin-client/lib/defs/keyMetadataRepresentation";
import { import {
AlertVariant, AlertVariant,
Button, Button,
@ -15,23 +16,20 @@ import {
ToolbarItem, ToolbarItem,
} from "@patternfly/react-core"; } from "@patternfly/react-core";
import { SearchIcon } from "@patternfly/react-icons"; import { SearchIcon } from "@patternfly/react-icons";
import { KeyboardEvent, useMemo, useState } from "react";
import { useTranslation } from "react-i18next";
import { Link } from "react-router-dom-v5-compat";
import type { KeyMetadataRepresentation } from "@keycloak/keycloak-admin-client/lib/defs/keyMetadataRepresentation"; import { DraggableTable } from "../../authentication/components/DraggableTable";
import type ComponentRepresentation from "@keycloak/keycloak-admin-client/lib/defs/componentRepresentation";
import type ComponentTypeRepresentation from "@keycloak/keycloak-admin-client/lib/defs/componentTypeRepresentation";
import type { ProviderType } from "../routes/KeyProvider";
import { useServerInfo } from "../../context/server-info/ServerInfoProvider";
import { useAdminClient } from "../../context/auth/AdminClient";
import { useAlerts } from "../../components/alert/Alerts"; import { useAlerts } from "../../components/alert/Alerts";
import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog"; import { useConfirmDialog } from "../../components/confirm-dialog/ConfirmDialog";
import { useAdminClient } from "../../context/auth/AdminClient";
import { useRealm } from "../../context/realm-context/RealmContext"; import { useRealm } from "../../context/realm-context/RealmContext";
import { useRouteMatch } from "react-router-dom"; import { useServerInfo } from "../../context/server-info/ServerInfoProvider";
import { Link } from "react-router-dom-v5-compat";
import { KEY_PROVIDER_TYPE } from "../../util"; import { KEY_PROVIDER_TYPE } from "../../util";
import { DraggableTable } from "../../authentication/components/DraggableTable";
import { KeyProviderModal } from "./key-providers/KeyProviderModal";
import useToggle from "../../utils/useToggle"; import useToggle from "../../utils/useToggle";
import { ProviderType, toKeyProvider } from "../routes/KeyProvider";
import { KeyProviderModal } from "./key-providers/KeyProviderModal";
import "../realm-settings-section.css"; import "../realm-settings-section.css";
@ -57,7 +55,6 @@ export const KeysProvidersTab = ({
const { addAlert, addError } = useAlerts(); const { addAlert, addError } = useAlerts();
const { adminClient } = useAdminClient(); const { adminClient } = useAdminClient();
const { realm } = useRealm(); const { realm } = useRealm();
const { url } = useRouteMatch();
const [searchVal, setSearchVal] = useState(""); const [searchVal, setSearchVal] = useState("");
const [filteredComponents, setFilteredComponents] = useState<ComponentData[]>( const [filteredComponents, setFilteredComponents] = useState<ComponentData[]>(
@ -255,7 +252,11 @@ export const KeysProvidersTab = ({
<Link <Link
key={component.name} key={component.name}
data-testid="provider-name-link" data-testid="provider-name-link"
to={`${url}/${component.id}/${component.providerId}/settings`} to={toKeyProvider({
realm,
id: component.id!,
providerType: component.providerId as ProviderType,
})}
> >
{component.name} {component.name}
</Link> </Link>