changed to append to url, for client role details (#1048)

fixes: #1041

src/realm-roles/RolesList.tsx

@@ -13,9 +13,9 @@ import { emptyFormatter, upperCaseFormatter } from "../util";
 import { useRealm } from "../context/realm-context/RealmContext";
 import type RealmRepresentation from "keycloak-admin/lib/defs/realmRepresentation";
 import { HelpItem } from "../components/help-enabler/HelpItem";
+import { toRealmRole } from "./routes/RealmRole";
 
 import "./RealmRolesSection.css";
-import { toRealmRole } from "./routes/RealmRole";
 
 type myRealmRepresentation = RealmRepresentation & {
   defaultRole?: {

src/realm-roles/routes/RealmRole.ts

@@ -1,5 +1,5 @@
 import type { LocationDescriptorObject } from "history";
-import { generatePath } from "react-router-dom";
+import { useRouteMatch } from "react-router-dom";
 import type { RouteDef } from "../../route-config";
 import { RealmRoleTabs } from "../RealmRoleTabs";
 
@@ -24,6 +24,9 @@ export const RealmRoleRoute: RouteDef = {
 
 export const toRealmRole = (
   params: RealmRoleParams
-): LocationDescriptorObject => ({
+): LocationDescriptorObject => {
-  pathname: generatePath(RealmRoleRoute.path, params),
+  const { url } = useRouteMatch();
-});
+  return {
+    pathname: `${url}/${params.id}/details`,
+  };
+};