linagora#1960 Filter results in channel participants popup

stephanevieira75 · Mar 11, 2022 · c03fb81 · c03fb81
1 parent 380f169
commit c03fb81
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/twake/frontend/src/app/views/client/channels-bar/Modals/ChannelMembersList.tsx b/twake/frontend/src/app/views/client/channels-bar/Modals/ChannelMembersList.tsx
@@ -39,10 +39,12 @@ const ChannelMembersList = (props: PropsType) => {
     channelId: id || '',
   });
 
-  const channelMembersUid = channelMembers.map(member => member.user_id || '');
   const { search: searchUserList, result } = useSearchUserList({
     scope: 'workspace',
   });
+
+  const channelMembersUid = channelMembers.map(member => member.user_id || '');
+
   useUsersListener(channelMembersUid);
   const filterSearch = (res: UserType[]) => {
     const addedUsers: UserType[] = res
@@ -144,6 +146,7 @@ const ChannelMembersList = (props: PropsType) => {
         )}
         {result
           .map(u => u.id)
+          .filter(userId => !channelMembersUid.includes(userId || ''))
           .map(userId =>
             props.channel.id ? (
               <div key={userId} className="x-margin" style={{ marginTop: 8 }}>