From c5ff9d182e82bde9ee3538e52819f323506f6b4b Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Fri, 2 Jun 2023 11:01:11 +0100
Subject: [PATCH] Added labels for User Settings modal `Menu`

refs https://github.com/TryGhost/Team/issues/3351
---
 .../settings/general/modals/UserDetailModal.tsx  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/ghost/admin-x-settings/src/components/settings/general/modals/UserDetailModal.tsx b/ghost/admin-x-settings/src/components/settings/general/modals/UserDetailModal.tsx
index 65c7a18770..274c4a2e7b 100644
--- a/ghost/admin-x-settings/src/components/settings/general/modals/UserDetailModal.tsx
+++ b/ghost/admin-x-settings/src/components/settings/general/modals/UserDetailModal.tsx
@@ -299,14 +299,22 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user, updateUser}) => {
     const [userData, setUserData] = useState(user);
     const [saveState, setSaveState] = useState('');
 
-    const items = [
+    const menuItems = [
         {
-            id: 'view-user-activity',
-            label: 'View user activity'
+            id: 'make-owner',
+            label: 'Make owner'
+        },
+        {
+            id: 'delete-user',
+            label: 'Delete user'
         },
         {
             id: 'suspend-user',
             label: 'Suspend user'
+        },
+        {
+            id: 'view-user-activity',
+            label: 'View user activity'
         }
     ];
 
@@ -341,7 +349,7 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user, updateUser}) => {
                         <div className='absolute inset-0 z-0 block bg-gradient-to-tr from-[rgba(0,0,0,0.5)] to-[rgba(0,0,0,0.01)]'></div>
                     )}
                     <div className="absolute right-8 top-8">
-                        <Menu items={items} position='left' trigger={<IconButton iconName='menu-horizontal'></IconButton>}></Menu>
+                        <Menu items={menuItems} position='left' trigger={<IconButton iconName='menu-horizontal'></IconButton>}></Menu>
                     </div>
                     <div className='relative z-10 mt-60 flex gap-4'>
                         <Avatar bgColor={generateAvatarColor((userData.name ? userData.name : userData.email))} className='-ml-1' image={userData.profile_image} label={getInitials(userData.name)} labelColor='white' size='xl' />