diff --git a/src/client-scopes/form/ClientScopeForm.tsx b/src/client-scopes/form/ClientScopeForm.tsx index d1a8a723e1..6a5db0f93f 100644 --- a/src/client-scopes/form/ClientScopeForm.tsx +++ b/src/client-scopes/form/ClientScopeForm.tsx @@ -322,7 +322,7 @@ export const ClientScopeForm = () => { {t("mappers")}} + title={{t("common:mappers")}} > {clientScope && ( diff --git a/src/client-scopes/messages.json b/src/client-scopes/messages.json index 2d143b887e..b8b95403e5 100644 --- a/src/client-scopes/messages.json +++ b/src/client-scopes/messages.json @@ -28,7 +28,6 @@ "createError": "Could not create client scope: '{{error}}'", "updateSuccess": "Client scope updated", "updateError": "Could not update client scope: '{{error}}'", - "mappers": "Mappers", "mappersSearchFor": "Search for mapper", "addMapper": "Add mapper", "addMapperExplain": "If you want more fine-grain control, you can create protocol mapper on this client", diff --git a/src/common-messages.json b/src/common-messages.json index 9b28ff89a2..85134402bb 100644 --- a/src/common-messages.json +++ b/src/common-messages.json @@ -64,6 +64,7 @@ "groups": "Groups", "sessions": "Sessions", "events": "Events", + "mappers": "Mappers", "configure": "Configure", "realmSettings": "Realm settings", diff --git a/src/route-config.ts b/src/route-config.ts index 056a3603fb..39075781cb 100644 --- a/src/route-config.ts +++ b/src/route-config.ts @@ -219,7 +219,7 @@ export const routes: RoutesFn = (t: TFunction) => [ access: "view-realm", }, { - path: "/:realm/user-federation/ldap/:id", + path: "/:realm/user-federation/ldap/:id/:tab?", component: UserFederationLdapSettings, breadcrumb: t("common:settings"), access: "view-realm", diff --git a/src/user-federation/UserFederationLdapSettings.tsx b/src/user-federation/UserFederationLdapSettings.tsx index b15ba8ffb5..d6b78b7c7a 100644 --- a/src/user-federation/UserFederationLdapSettings.tsx +++ b/src/user-federation/UserFederationLdapSettings.tsx @@ -8,6 +8,9 @@ import { DropdownSeparator, Form, PageSection, + Tab, + TabTitleText, + Text, } from "@patternfly/react-core"; import { LdapSettingsAdvanced } from "./ldap/LdapSettingsAdvanced"; @@ -31,6 +34,8 @@ import { ViewHeader } from "../components/view-header/ViewHeader"; import { useHistory, useParams } from "react-router-dom"; import { ScrollForm } from "../components/scroll-form/ScrollForm"; +import { KeycloakTabs } from "../components/keycloak-tabs/KeycloakTabs"; + type LdapSettingsHeaderProps = { onChange: (value: string) => void; value: string; @@ -276,44 +281,60 @@ export const UserFederationLdapSettings = () => { )} /> - - - - - - - - - -
- - - - -
+ + + + + + + + +
+ + + + +
+
+ {t("common:mappers")}} + > + {/* */} + Coming soon! + + );