Use getLocalisedName on the UserList component

#6830
opencrvs · Nov 14, 2024 · e57d9fe · e57d9fe
1 parent adadcb5
commit e57d9fe
Showing 1 changed file with 2 additions and 9 deletions.
diff --git a/packages/client/src/views/SysAdmin/Team/user/UserList.tsx b/packages/client/src/views/SysAdmin/Team/user/UserList.tsx
@@ -34,7 +34,7 @@ import {
   NATL_ADMIN_ROLES,
   SYS_ADMIN_ROLES
 } from '@client/utils/constants'
-import { createNamesMap } from '@client/utils/data-formatting'
+import { createNamesMap, getLocalisedName } from '@client/utils/data-formatting'
 import { SysAdminContentWrapper } from '@client/views/SysAdmin/SysAdminContentWrapper'
 import {
   getAddressName,
@@ -552,14 +552,7 @@ function UserListComponent(props: IProps) {
       return data.searchUsers.results.map(
         (user: User | null, index: number) => {
           if (user !== null) {
-            const name =
-              (user.name &&
-                intl.formatMessage(constantsMessages.humanName, {
-                  firstName: user.name[0].firstNames,
-                  middleName: user.name[0].middleName,
-                  lastName: user.name[0].familyName
-                })) ||
-              ''
+            const name = getLocalisedName(intl, user.name[0])
             const role = intl.formatMessage({
               id: getUserRoleIntlKey(user.role._id)
             })