Fixing demotion message (#4410)

webapp/components/admin_console/admin_team_members_dropdown.jsx

@@ -69,7 +69,7 @@ export default class AdminTeamMembersDropdown extends React.Component {
     handleMakeMember(e) {
         e.preventDefault();
         const me = UserStore.getCurrentUser();
-        if (this.props.user.id === me.id) {
+        if (this.props.user.id === me.id && me.roles.includes('system_admin')) {
             this.handleDemoteSystemAdmin(this.props.user, 'member');
         } else {
             this.doMakeMember();
@@ -131,7 +131,7 @@ export default class AdminTeamMembersDropdown extends React.Component {
     handleMakeTeamAdmin(e) {
         e.preventDefault();
         const me = UserStore.getCurrentUser();
-        if (this.props.user.id === me.id) {
+        if (this.props.user.id === me.id && me.roles.includes('system_admin')) {
             this.handleDemoteSystemAdmin(this.props.user, 'teamadmin');
         } else {
             this.doMakeTeamAdmin();

webapp/components/team_members_dropdown.jsx

@@ -40,7 +40,7 @@ export default class TeamMembersDropdown extends React.Component {
 
     handleMakeMember() {
         const me = UserStore.getCurrentUser();
-        if (this.props.user.id === me.id) {
+        if (this.props.user.id === me.id && me.roles.includes('system_admin')) {
             this.handleDemote(this.props.user, 'team_user');
         } else {
             Client.updateTeamMemberRoles(
@@ -101,7 +101,7 @@ export default class TeamMembersDropdown extends React.Component {
 
     handleMakeAdmin() {
         const me = UserStore.getCurrentUser();
-        if (this.props.user.id === me.id) {
+        if (this.props.user.id === me.id && me.roles.includes('system_admin')) {
             this.handleDemote(this.props.user, 'team_user team_admin');
         } else {
             Client.updateTeamMemberRoles(