Truncate the clientId (keycloak#28406) (keycloak#31398)

* Truncate the clientId fixes: keycloak#28284 Signed-off-by: Erik Jan de Wit <[email protected]> * fxed tests Signed-off-by: Erik Jan de Wit <[email protected]> --------- Signed-off-by: Erik Jan de Wit <[email protected]> (cherry picked from commit 73e22b3)
miquelsi · Jul 22, 2024 · 6b76886 · 6b76886
1 parent 3500618
commit 6b76886
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/js/apps/admin-ui/cypress/support/pages/admin-ui/ListingPage.ts b/js/apps/admin-ui/cypress/support/pages/admin-ui/ListingPage.ts
@@ -229,7 +229,7 @@ export default class ListingPage extends CommonElements {
   }
 
   goToItemDetails(itemName: string) {
-    cy.get(this.#itemsRows).contains(itemName).click();
+    cy.get(this.#itemsRows).contains(itemName).click({ force: true });
 
     return this;
   }

diff --git a/js/apps/admin-ui/src/clients/ClientsSection.tsx b/js/apps/admin-ui/src/clients/ClientsSection.tsx
@@ -45,17 +45,19 @@ const ClientDetailLink = (client: ClientRepresentation) => {
   const { t } = useTranslation();
   const { realm } = useRealm();
   return (
-    <Link
-      key={client.id}
-      to={toClient({ realm, clientId: client.id!, tab: "settings" })}
-    >
-      {client.clientId}
-      {!client.enabled && (
-        <Badge key={`${client.id}-disabled`} isRead className="pf-u-ml-sm">
-          {t("disabled")}
-        </Badge>
-      )}
-    </Link>
+    <TableText wrapModifier="truncate">
+      <Link
+        key={client.id}
+        to={toClient({ realm, clientId: client.id!, tab: "settings" })}
+      >
+        {client.clientId}
+        {!client.enabled && (
+          <Badge key={`${client.id}-disabled`} isRead className="pf-u-ml-sm">
+            {t("disabled")}
+          </Badge>
+        )}
+      </Link>
+    </TableText>
   );
 };