feat(user-list): display user role (#1215)

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

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",