diff --git a/client/coral-admin/src/components/UserDetail.js b/client/coral-admin/src/components/UserDetail.js index 4a1814000..3058c0d00 100644 --- a/client/coral-admin/src/components/UserDetail.js +++ b/client/coral-admin/src/components/UserDetail.js @@ -134,6 +134,8 @@ class UserDetail extends React.Component { user.suspension.until && new Date(user.suspension.until) > new Date(); + const banned = user.status === 'BANNED'; + return ( @@ -147,7 +149,7 @@ class UserDetail extends React.Component { className={cn(styles.actionsMenu, 'talk-admin-user-detail-actions-menu')} buttonClassNames={cn({ [styles.actionsMenuSuspended]: suspended, - [styles.actionsMenuBanned]: user.status === 'BANNED', + [styles.actionsMenuBanned]: banned, }, 'talk-admin-user-detail-actions-button')} label={this.getActionMenuLabel()}> @@ -156,7 +158,7 @@ class UserDetail extends React.Component { Remove Suspension } - {user.status === 'BANNED' && Remove Ban } @@ -166,7 +168,7 @@ class UserDetail extends React.Component { Suspend User } - {user.status !== 'BANNED' && Ban User } @@ -174,7 +176,7 @@ class UserDetail extends React.Component { } - {user.status !== 'ACTIVE' && } + {banned || suspended && }