TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Added labels for User Settings modal Menu

Browse Source 
refs https://github.com/TryGhost/Team/issues/3351
This commit is contained in:
Djordje Vlaisavljevic 2023-06-02 11:01:11 +01:00
parent ac68968524
commit c5ff9d182e
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ghost/admin-x-settings/src/components/settings/general/modals/UserDetailModal.tsx
View File

@ -299,14 +299,22 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user, updateUser}) => {
const [userData, setUserData] = useState(user); const [userData, setUserData] = useState(user);
const [saveState, setSaveState] = useState(''); const [saveState, setSaveState] = useState('');
const items = [ const menuItems = [
{ {
id: 'view-user-activity', id: 'make-owner',
label: 'View user activity' label: 'Make owner'
},
{
id: 'delete-user',
label: 'Delete user'
}, },
{ {
id: 'suspend-user', id: 'suspend-user',
label: '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 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"> <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>
<div className='relative z-10 mt-60 flex gap-4'> <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' /> <Avatar bgColor={generateAvatarColor((userData.name ? userData.name : userData.email))} className='-ml-1' image={userData.profile_image} label={getInitials(userData.name)} labelColor='white' size='xl' />