Peterson_Implement_the_create_project_feature_in_the_user_profile_section_and_in_the_project_tab

Author: peterson337

src/components/UserProfile/TeamsAndProjects/AddProjectPopup.jsx

@@ -26,6 +26,12 @@ const AddProjectPopup = React.memo(props => {
   const [searchText, onInputChange] = useState('');
   const [allProjects, setAllProjects] = useState(props.projects);
 
+  const formatText = result =>
+    result
+      .toLowerCase()
+      .trim()
+      .replace(/\s+/g, '');
+
   useEffect(() => {
     const categoriesProjects = props.projects.map(item => item.category);
     const uniqueCategoriesProjects = Array.from(new Set(categoriesProjects));
@@ -140,6 +146,7 @@ const AddProjectPopup = React.memo(props => {
               searchText={searchText}
               onInputChange={onInputChange}
               isSetUserIsNotSelectedAutoComplete={isSetUserIsNotSelectedAutoComplete}
+              formatText={formatText}
             />
             <Button
               color={isOpenDropdown ? 'success' : 'primary'}

src/components/UserProfile/TeamsAndProjects/AddProjectsAutoComplete.jsx

@@ -39,7 +39,10 @@ const AddProjectsAutoComplete = React.memo(props => {
         >
           {props.projectsData
             .filter(project => {
-              if (project.projectName.toLowerCase().indexOf(props.searchText.toLowerCase()) > -1) {
+              if (
+                //prettier-ignore
+                props.formatText(project.projectName).indexOf(props.formatText(props.searchText)) >-1
+              ) {
                 return project;
               }
             })
@@ -59,7 +62,7 @@ const AddProjectsAutoComplete = React.memo(props => {
             ))}
 
           {props.projectsData.every(
-            item => item.projectName.toLowerCase() !== props.searchText.toLowerCase(),
+            item => props.formatText(item.projectName) !== props.formatText(props.searchText),
           ) && (
             <div
               className="project-auto-complete"