From 2e2a96c74124a875b559a590b7085ebd7ef3c264 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Tue, 6 Jun 2023 15:17:05 +0200
Subject: [PATCH] User modal refinements in AdminX

refs. https://github.com/TryGhost/Team/issues/3351
---
 .../settings/general/modals/UserDetailModal.tsx           | 8 ++++++--
 1 file changed, 6 insertions(+), 2 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 09de00f89e..01d8a7e97b 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
@@ -450,6 +450,10 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user, updateUser}) => {
                 });
                 setUserData(updatedUserData);
                 modal?.remove();
+                showToast({
+                    message: _user.status === 'inactive' ? 'User un-suspended' : 'User suspended',
+                    type: 'success'
+                });
             }
         });
     };
@@ -616,14 +620,14 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user, updateUser}) => {
             }}
         >
             <div>
-                <div className={`relative -mx-12 -mt-12 bg-gradient-to-tr from-grey-900 to-black`}>
+                <div className={`relative -mx-12 -mt-12 rounded-t bg-gradient-to-tr from-grey-900 to-black`}>
                     <ImageUpload
                         deleteButtonClassName={fileUploadButtonClasses}
                         deleteButtonContent='Delete cover image'
                         fileUploadClassName={fileUploadButtonClasses}
                         height={userData.cover_image ? '100%' : '32px'}
                         id='cover-image'
-                        imageClassName='absolute inset-0 bg-cover group bg-center'
+                        imageClassName='absolute inset-0 bg-cover group bg-center rounded-t overflow-hidden'
                         imageURL={userData.cover_image || ''}
                         onDelete={() => {
                             handleImageDelete('cover_image');