when validating if user has been already invited by the handle, check hanldes case-insensetive way

Author: maxceem

src/components/TeamManagement/ProjectManagementDialog.js

@@ -6,7 +6,7 @@ import Modal from 'react-modal'
 import XMarkIcon from '../../assets/icons/icon-x-mark.svg'
 import Avatar from 'appirio-tech-react-components/components/Avatar/Avatar'
 import {getAvatarResized} from '../../helpers/tcHelpers'
-import { compareEmail } from '../../helpers/utils'
+import { compareEmail, compareHandles } from '../../helpers/utils'
 import AutocompleteInputContainer from './AutocompleteInputContainer'
 
 class ProjectManagementDialog extends React.Component {
@@ -57,7 +57,7 @@ class ProjectManagementDialog extends React.Component {
   isSelectedMemberAlreadyInvited(projectTeamInvites = [], selectedMember) {
     return !!projectTeamInvites.find((invite) => (
       (invite.email && compareEmail(invite.email, selectedMember.label)) ||
-      (invite.userId && this.resolveUserHandle(invite.userId) === selectedMember.label)
+      (invite.userId && compareHandles(this.resolveUserHandle(invite.userId), selectedMember.label))
     ))
   }
 

src/components/TeamManagement/TopcoderManagementDialog.js

@@ -13,7 +13,7 @@ import AutocompleteInputContainer from './AutocompleteInputContainer'
 import {PROJECT_MEMBER_INVITE_STATUS_REQUESTED, PROJECT_MEMBER_INVITE_STATUS_PENDING} from '../../config/constants'
 import PERMISSIONS from '../../config/permissions'
 import {checkPermission} from '../../helpers/permissions'
-import { compareEmail } from '../../helpers/utils'
+import { compareEmail, compareHandles } from '../../helpers/utils'
 
 class TopcoderManagementDialog extends React.Component {
   constructor(props) {
@@ -100,7 +100,7 @@ class TopcoderManagementDialog extends React.Component {
   isSelectedMemberAlreadyInvited(topcoderTeamInvites = [], selectedMember) {
     return !!topcoderTeamInvites.find((invite) => (
       (invite.email && compareEmail(invite.email, selectedMember.label)) ||
-      (invite.userId && this.resolveUserHandle(invite.userId) === selectedMember.label)
+      (invite.userId && compareHandles(this.resolveUserHandle(invite.userId), selectedMember.label))
     ))
   }
 

src/helpers/utils.js

@@ -43,4 +43,16 @@ export const compareEmail = (email1, email2, options = { UNIQUE_GMAIL_VALIDATION
     }
   }
   return _.toLower(email1) === _.toLower(email2)
-}
+}
+
+/**
+ * Helper method to check the uniqueness of two user handles
+ *
+ * @param {String} handle1    first user handle to compare
+ * @param {String} handle2    second user handle to compare
+ *
+ * @returns {Boolean} true if two user handles are same
+ */
+export const compareHandles = (handle1, handle2) => (
+  (handle1 || '').toLowerCase() === (handle2 || '').toLowerCase()
+)