Merge pull request #2613 from OneCommunityGlobal/shengwei_fix_qsc_model_team_name_validation

Shengwei - Fix Team Name Validation in the QSC Modal

Author: one-community

src/components/UserProfile/QuickSetupModal/AddNewTitleModal.jsx

@@ -25,7 +25,7 @@ function AddNewTitleModal({ isOpen, setIsOpen, refreshModalTitles, teamsData, pr
     mediaFolder: '',
     teamCode: '',
     projectAssigned: '',
-    // teamAssiged: {},
+    teamAssiged: {},
   });
 
   let existTeamCodes = new Set();
@@ -149,8 +149,7 @@ function AddNewTitleModal({ isOpen, setIsOpen, refreshModalTitles, teamsData, pr
   }
 
   const onTeamNameValidation = (teamName) => {
-    if (teamName !== '') {
-      // debugger;
+    if (teamName && teamName !== '') {
       if (!existTeamName.has(teamName.teamName)) {
         setWarningMessage({ title: "Error", content: "Team Name Not Exists" });
         setShowMessage(true);

src/components/UserProfile/QuickSetupModal/AssignTeamCodeField.jsx

@@ -48,7 +48,7 @@ const AssignTeamCodeField = React.memo(props => {
             .map(item => (
               <div
                 className="project-auto-complete"
-                key={item._id}
+                key={item}
                 onClick={() => {
                   onInputChange(item);
                   toggle(false);

src/components/UserProfile/QuickSetupModal/AssignTeamField.jsx

@@ -4,11 +4,6 @@ import { Dropdown, Input } from 'reactstrap';
 const AssignTeamField = React.memo(props => {
   const [isOpen, toggle] = React.useState(false);
 
-//   React.useEffect(() => {
-//     if (!props.selectedTeam) props.setSearchText('');
-//     else props.setSearchText(props.selectedTeam.teamName);
-//   }, [props.selectedTeam, props.setSearchText]);
-
   React.useEffect(() => {
     if (props.selectedTeam && props.selectedTeam.teamName !== props.searchText) {
       props.onSelectTeam(undefined);
@@ -19,11 +14,6 @@ const AssignTeamField = React.memo(props => {
       props.cleanTeamAssigned();
     }
   }, [props.searchText]);
-
-  const sTeam = props.teamsData.allTeams.find(team => team.teamName === '2021 Test new');
-  if (sTeam) {
-    console.log('sTeam', sTeam);
-  }
 
   return (
     <Dropdown