From cd706dae45559865541c6659cc5d805ad05c628d Mon Sep 17 00:00:00 2001
From: Stan Silvert <ssilvert@redhat.com>
Date: Tue, 17 Sep 2024 06:48:25 -0400
Subject: [PATCH] BACKPORT: l18n for client names in device activity (#32982)

Fixes #32916

Signed-off-by: Stan Silvert <ssilvert@redhat.com>
(cherry picked from commit 01601beaa8bca39232784f643fd06fe65ce5101c)
---
 js/apps/account-ui/src/account-security/DeviceActivity.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/apps/account-ui/src/account-security/DeviceActivity.tsx b/js/apps/account-ui/src/account-security/DeviceActivity.tsx
index 061f7881669c..c68e05700740 100644
--- a/js/apps/account-ui/src/account-security/DeviceActivity.tsx
+++ b/js/apps/account-ui/src/account-security/DeviceActivity.tsx
@@ -27,6 +27,7 @@ import {
   ContinueCancelModal,
   useAlerts,
   useEnvironment,
+  label,
 } from "@keycloak/keycloak-ui-shared";
 import { deleteSession, getDevices } from "../api/methods";
 import {
@@ -35,7 +36,6 @@ import {
   SessionRepresentation,
 } from "../api/representations";
 import { Page } from "../components/page/Page";
-import { TFuncKey } from "../i18n";
 import { formatDate } from "../utils/formatDate";
 import { usePromise } from "../utils/usePromise";
 
@@ -91,7 +91,7 @@ export const DeviceActivity = () => {
     clients.forEach((client, index) => {
       let clientName: string;
       if (client.clientName !== "") {
-        clientName = t(client.clientName as TFuncKey);
+        clientName = label(t, client.clientName);
       } else {
         clientName = client.clientId;
       }