From 0832973c09fe7962a3c09c638510fefb9b3b2f8c Mon Sep 17 00:00:00 2001
From: Zein Sleiman <zsleiman@redhat.com>
Date: Wed, 18 Dec 2024 09:51:19 -0600
Subject: [PATCH] fix: localize name filter strings

---
 src/Messages.js                          | 5 +++++
 src/smart-components/role/RolesTable.tsx | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/Messages.js b/src/Messages.js
index 48447be0d..9150d8a69 100644
--- a/src/Messages.js
+++ b/src/Messages.js
@@ -2518,6 +2518,11 @@ export default defineMessages({
     description: 'confirm button for deleting role',
     defaultMessage: 'Delete role',
   },
+  nameFilterPlaceholder: {
+    id: 'nameFilterPlaceholder',
+    description: 'placeholder for name filter',
+    defaultMessage: 'Filter by name',
+  },
   deleteRolesAction: {
     id: 'deleteRolesAction',
     description: 'delete roles',
diff --git a/src/smart-components/role/RolesTable.tsx b/src/smart-components/role/RolesTable.tsx
index 247686b08..d6f152c2d 100644
--- a/src/smart-components/role/RolesTable.tsx
+++ b/src/smart-components/role/RolesTable.tsx
@@ -255,8 +255,8 @@ const RolesTable: React.FunctionComponent<RolesTableProps> = ({ selectedRole })
             filters={
               <DataViewTextFilter
                 filterId="display_name"
-                title="Name"
-                placeholder="Filter by name"
+                title={intl.formatMessage(messages.name)}
+                placeholder={intl.formatMessage(messages.nameFilterPlaceholder)}
                 ouiaId={`${ouiaId}-name-filter`}
                 onChange={(_e, value) => {
                   onSetFilters({ display_name: value });