diff --git a/web/modals/threads/create/steps/subchannel-members-list.react.js b/web/modals/threads/create/steps/subchannel-members-list.react.js --- a/web/modals/threads/create/steps/subchannel-members-list.react.js +++ b/web/modals/threads/create/steps/subchannel-members-list.react.js @@ -3,8 +3,10 @@ import * as React from 'react'; import { useSelector } from 'react-redux'; +import { useENSNames } from 'lib/hooks/ens-cache'; import { stringForUser } from 'lib/shared/user-utils'; import type { ThreadInfo } from 'lib/types/thread-types'; +import type { UserListItem } from 'lib/types/user-types'; import AddMembersList from '../../../components/add-members-list.react'; @@ -17,7 +19,7 @@ +toggleUserSelection: (userID: string) => void, }; -function Memberlist(props: Props): React.Node { +function SubchannelMembersList(props: Props): React.Node { const { searchText, searchResult, @@ -41,7 +43,7 @@ [parentThreadInfo], ); - const parentMemberList = React.useMemo( + const parentMemberListWithoutENSNames = React.useMemo( () => parentMembers .filter( @@ -53,8 +55,11 @@ [parentMembers, currentUserId, searchResult, searchText], ); + const parentMemberList = useENSNames( + parentMemberListWithoutENSNames, + ); - const otherMemberList = React.useMemo( + const otherMemberListWithoutENSNames = React.useMemo( () => communityMembers .filter( @@ -72,6 +77,9 @@ searchText, ], ); + const otherMemberList = useENSNames( + otherMemberListWithoutENSNames, + ); const sortedGroupedUserList = React.useMemo( () => @@ -94,4 +102,4 @@ ); } -export default Memberlist; +export default SubchannelMembersList;