Fix Issue #4341 Update 1

Author: diwosuwanto

src/components/TeamManagement/CopilotManagementDialog.js

@@ -183,7 +183,7 @@ class ProjectManagementDialog extends React.Component {
             {i === 0 && !canManageCopilots && <div className="dialog-no-members" />}
           </div>
 
-          {canInviteCopilots && (
+          {canManageCopilots && (
             <div className="input-container">
               <div className="hint">invite more copilots</div>
               <AutocompleteInputContainer
@@ -210,7 +210,7 @@ class ProjectManagementDialog extends React.Component {
               </button>
             </div>
           )}
-          {!canInviteCopilots && <div className="dialog-placeholder" />}
+          {!canManageCopilots && <div className="dialog-placeholder" />}
         </div>
 
       </Modal>

src/components/TeamManagement/TeamManagement.jsx

@@ -114,8 +114,10 @@ class TeamManagement extends React.Component {
     const copilotRemoveAction = hasPermission(PERMISSIONS.REMOVE_COPILOTS)
     const copilotViewAction = hasPermission(PERMISSIONS.VIEW_COPILOTS)
     const canRequestCopilot = hasPermission(PERMISSIONS.REQUEST_COPILOTS)
+    const canManageCopilots = hasPermission(PERMISSIONS.MANAGE_COPILOTS)
     const copilotRequestLink = `https://topcoder.typeform.com/to/YJ7AL4p8#handle=${currentUser.handle}&projectid=${projectId}`
     const canJoinTopcoderTeam = !currentMember && hasPermission(PERMISSIONS.JOIN_TOPCODER_TEAM)
+    const hasCopilot = members.some(member => member.role === 'copilot')
 
     const sortedMembers = members
     let projectTeamInviteCount = 0
@@ -194,7 +196,7 @@ class TeamManagement extends React.Component {
         <div className="projects-team">
           <div className="title">
             <span styleName="title-text">Copilot</span>
-            {(copilotTeamManageAction || copilotRemoveAction || copilotViewAction) &&
+            {((copilotTeamManageAction || copilotRemoveAction || copilotViewAction) && (canManageCopilots || hasCopilot)) &&
               <span className="title-action" onClick={() => onShowCopilotDialog(true)}>
                 {(copilotTeamManageAction || copilotRemoveAction) ? 'Manage' : 'View'}
               </span>

src/config/permissions.js

@@ -252,17 +252,6 @@ export const PERMISSIONS = {
     projectRoles: [PROJECT_ROLE_COPILOT],
   },
 
-  INVITE_COPILOTS: {
-    meta: {
-      group: 'Project Members',
-      title: 'Invite Copilots',
-      description: 'Invite copilots to the project.',
-    },
-    topcoderRoles: [
-      ...TOPCODER_ADMINS
-    ]
-  },
-
   MANAGE_TOPCODER_TEAM: {
     meta: {
       group: 'Project Members',