From 92053cefb0970367bbbf80f89839ca226e8b8fff Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 27 Nov 2022 13:23:43 -0600
Subject: [PATCH] Admin Report: use better icons for 'deactivate' and 'delete'

---
 app/soapbox/features/admin/components/report.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/features/admin/components/report.tsx b/app/soapbox/features/admin/components/report.tsx
index 605eea32c..09e111dc8 100644
--- a/app/soapbox/features/admin/components/report.tsx
+++ b/app/soapbox/features/admin/components/report.tsx
@@ -44,13 +44,14 @@ const Report: React.FC<IReport> = ({ id }) => {
 
   const makeMenu = () => {
     return [{
-      text: intl.formatMessage(messages.deactivateUser, { name: targetAccount.username as string }),
+      text: intl.formatMessage(messages.deactivateUser, { name: targetAccount.username }),
       action: handleDeactivateUser,
-      icon: require('@tabler/icons/user-off.svg'),
+      icon: require('@tabler/icons/hourglass-empty.svg'),
     }, {
-      text: intl.formatMessage(messages.deleteUser, { name: targetAccount.username as string }),
+      text: intl.formatMessage(messages.deleteUser, { name: targetAccount.username }),
       action: handleDeleteUser,
-      icon: require('@tabler/icons/user-minus.svg'),
+      icon: require('@tabler/icons/trash.svg'),
+      destructive: true,
     }];
   };