diff --git a/src/clients/ClientsSection.tsx b/src/clients/ClientsSection.tsx index b2b66675ce..413d2f8d52 100644 --- a/src/clients/ClientsSection.tsx +++ b/src/clients/ClientsSection.tsx @@ -12,17 +12,18 @@ import { TabTitleText, } from "@patternfly/react-core"; +import type ClientRepresentation from "keycloak-admin/lib/defs/clientRepresentation"; +import { emptyFormatter, exportClient, getBaseUrl } from "../util"; +import { formattedLinkTableCell } from "../components/external-link/FormattedLink"; import { ViewHeader } from "../components/view-header/ViewHeader"; import { useAdminClient } from "../context/auth/AdminClient"; +import { useRealm } from "../context/realm-context/RealmContext"; import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable"; -import { emptyFormatter, exportClient, getBaseUrl } from "../util"; import { useAlerts } from "../components/alert/Alerts"; -import type ClientRepresentation from "keycloak-admin/lib/defs/clientRepresentation"; -import { formattedLinkTableCell } from "../components/external-link/FormattedLink"; import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog"; import { KeycloakTabs } from "../components/keycloak-tabs/KeycloakTabs"; import { InitialAccessTokenList } from "./initial-access/InitialAccessTokenList"; -import { useRealm } from "../context/realm-context/RealmContext"; +import { cellWidth, TableText } from "@patternfly/react-table"; export const ClientsSection = () => { const { t } = useTranslation("clients"); @@ -80,6 +81,14 @@ export const ClientsSection = () => { ); + const ClientDescription = (client: ClientRepresentation) => ( + <> + + {emptyFormatter()(client.description)} + + + ); + return ( <> { { name: "description", displayKey: "common:description", - cellFormatters: [emptyFormatter()], + transforms: [cellWidth(20)], + cellRenderer: ClientDescription, }, { name: "baseUrl",