diff --git a/public/locales/en/manage/users.json b/public/locales/en/manage/users.json
index 557f45d5f..576f072a6 100644
--- a/public/locales/en/manage/users.json
+++ b/public/locales/en/manage/users.json
@@ -10,6 +10,11 @@
"user": "User"
}
},
+ "tooltips": {
+ "deleteUser": "Delete user",
+ "demoteAdmin": "Demote administrator",
+ "promoteToAdmin": "Promote to administrator"
+ },
"modals": {
"delete": {
"title": "Delete user {{name}}",
diff --git a/src/pages/manage/users/index.tsx b/src/pages/manage/users/index.tsx
index 2b0fa77e7..fd5940b94 100644
--- a/src/pages/manage/users/index.tsx
+++ b/src/pages/manage/users/index.tsx
@@ -11,6 +11,7 @@ import {
Table,
Text,
Title,
+ Tooltip,
} from '@mantine/core';
import { useDebouncedValue } from '@mantine/hooks';
import { IconPlus, IconTrash, IconUserDown, IconUserUp } from '@tabler/icons-react';
@@ -88,52 +89,59 @@ const ManageUsersPage = () => {
{user.name}
- {user.isOwner ? (
+ {user.isOwner && (
Owner
- ) : user.isAdmin ? (
+ )}
+ {user.isAdmin && (
Admin
- ) : null}
+ )}
{user.isAdmin ? (
+
+ {
+ openRoleChangeModal({
+ ...user,
+ type: 'demote',
+ });
+ }}
+ >
+
+
+
+ ) : (
+
+ {
+ openRoleChangeModal({
+ ...user,
+ type: 'promote',
+ });
+ }}
+ >
+
+
+
+ )}
+
+
{
- openRoleChangeModal({
- ...user,
- type: 'demote',
- });
+ openDeleteUserModal(user);
}}
+ color="red"
+ variant="light"
>
-
+
- ) : (
- {
- openRoleChangeModal({
- ...user,
- type: 'promote',
- });
- }}
- >
-
-
- )}
-
- {
- openDeleteUserModal(user);
- }}
- color="red"
- variant="light"
- >
-
-
+