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!
+
+
>
);