From 590780a539d20cbca4858798c410732b0c5acdd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C4=B1dvan=20Akca?=
 <43352493+ridvanakca@users.noreply.github.com>
Date: Wed, 16 Aug 2023 20:26:49 +0300
Subject: [PATCH] feat(user-list): display user role (#1215)

---
 packages/web/src/components/UserList/index.tsx | 13 +++++++++++++
 packages/web/src/locales/en.json               |  1 +
 2 files changed, 14 insertions(+)

diff --git a/packages/web/src/components/UserList/index.tsx b/packages/web/src/components/UserList/index.tsx
index 956c2ad3..f4a089ce 100644
--- a/packages/web/src/components/UserList/index.tsx
+++ b/packages/web/src/components/UserList/index.tsx
@@ -45,6 +45,15 @@ export default function UserList(): React.ReactElement {
               </Typography>
             </TableCell>
 
+            <TableCell component="th">
+              <Typography
+                variant="subtitle1"
+                sx={{ color: 'text.secondary', fontWeight: 700 }}
+              >
+                {formatMessage('userList.role')}
+              </Typography>
+            </TableCell>
+
             <TableCell component="th" />
           </TableRow>
         </TableHead>
@@ -64,6 +73,10 @@ export default function UserList(): React.ReactElement {
                   <Typography variant="subtitle2">{user.email}</Typography>
                 </TableCell>
 
+                <TableCell>
+                  <Typography variant="subtitle2">{user.role.name}</Typography>
+                </TableCell>
+
                 <TableCell>
                   <Stack direction="row" gap={1} justifyContent="right">
                     <IconButton
diff --git a/packages/web/src/locales/en.json b/packages/web/src/locales/en.json
index 50da2ef5..aac868cd 100644
--- a/packages/web/src/locales/en.json
+++ b/packages/web/src/locales/en.json
@@ -192,6 +192,7 @@
   "editUser.successfullyUpdated": "The user has been updated.",
   "userList.fullName": "Full name",
   "userList.email": "Email",
+  "userList.role": "Role",
   "rolesPage.title": "Role management",
   "rolesPage.createRole": "Create role",
   "deleteRoleButton.title": "Delete role",