Merge pull request #328 from TogetherCrew/fix/autocomplete-search-user

fix issue on filtering users
TogetherCrew · Jul 17, 2024 · 2a59a26 · 2a59a26
2 parents 803d2e9 + 44665d1
commit 2a59a26
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 36 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@hassanmojab/react-modern-calendar-datepicker": "^3.1.7",
     "@mui/lab": "^5.0.0-alpha.121",
-    "@mui/material": "^5.10.13",
+    "@mui/material": "^5.11.6",
     "@mui/x-date-pickers": "^6.18.6",
     "@types/node": "18.11.9",
     "@types/react": "18.0.25",

diff --git a/src/components/announcements/create/privateMessaageContainer/TcRolesAutoComplete.tsx b/src/components/announcements/create/privateMessaageContainer/TcRolesAutoComplete.tsx
@@ -156,6 +156,7 @@ function TcRolesAutoComplete({
     <TcAutocomplete
       options={fetchedRoles.results}
       getOptionLabel={(option) => option.name}
+      filterOptions={(x) => x}
       label='Select Role(s)'
       multiple={true}
       loading={isLoading}

diff --git a/src/components/announcements/create/privateMessaageContainer/TcUsersAutoComplete.tsx b/src/components/announcements/create/privateMessaageContainer/TcUsersAutoComplete.tsx
@@ -164,6 +164,7 @@ function TcUsersAutoComplete({
     <TcAutocomplete
       options={fetchedUsers.results}
       getOptionLabel={(option) => option.ngu}
+      filterOptions={(x) => x}
       label='Select User(s)'
       multiple={true}
       loading={isLoading}
@@ -200,9 +201,8 @@ function TcUsersAutoComplete({
             />
             <TcText text={option.ngu} />
             <TcText
-              text={`${
-                option.username ? '@' + truncateCenter(option.username, 10) : ''
-              }`}
+              text={`${option.username ? '@' + truncateCenter(option.username, 10) : ''
+                }`}
               className='text-gray-500'
             />
           </div>
@@ -228,11 +228,10 @@ function TcUsersAutoComplete({
                   <TcText text={option.ngu} variant='caption' />
                 </div>
                 <TcText
-                  text={`${
-                    option.username
-                      ? '@' + truncateCenter(option.username, 10)
-                      : ''
-                  }`}
+                  text={`${option.username
+                    ? '@' + truncateCenter(option.username, 10)
+                    : ''
+                    }`}
                   variant='caption'
                   className='text-gray-500'
                 />