From 4c82b4703b2d93a673b02ba674f444fa4ac305d4 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 13 Jul 2021 11:21:37 -0500
Subject: [PATCH] ProfileInfoPanel: avoid redundant staff badge If the user is
 an admin, don't display the moderator badge

---
 .../features/ui/components/profile_info_panel.js  | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/ui/components/profile_info_panel.js b/app/soapbox/features/ui/components/profile_info_panel.js
index c32bfc42e..4b5559bfd 100644
--- a/app/soapbox/features/ui/components/profile_info_panel.js
+++ b/app/soapbox/features/ui/components/profile_info_panel.js
@@ -46,6 +46,18 @@ class ProfileInfoPanel extends ImmutablePureComponent {
     displayFqn: PropTypes.bool,
   };
 
+  getStaffBadge = () => {
+    const { account } = this.props;
+
+    if (isAdmin(account)) {
+      return <Badge slug='admin' title='Admin' />;
+    } else if (isModerator(account)) {
+      return <Badge slug='moderator' title='Moderator' />;
+    } else {
+      return null;
+    }
+  }
+
   render() {
     const { account, displayFqn, intl, identity_proofs, username } = this.props;
 
@@ -86,8 +98,7 @@ class ProfileInfoPanel extends ImmutablePureComponent {
           </div>
 
           <div className='profile-info-panel-content__badges'>
-            {isAdmin(account) && <Badge slug='admin' title='Admin' />}
-            {isModerator(account) && <Badge slug='moderator' title='Moderator' />}
+            {this.getStaffBadge()}
             {account.getIn(['patron', 'is_patron']) && <Badge slug='patron' title='Patron' />}
             {account.get('acct').includes('@') || <div className='profile-info-panel-content__badges__join-date'>
               <Icon id='calendar' />