diff --git a/web/modals/threads/create/steps/subchannel-members.react.js b/web/modals/threads/create/steps/subchannel-members.react.js index 72471e6e5..334220bdf 100644 --- a/web/modals/threads/create/steps/subchannel-members.react.js +++ b/web/modals/threads/create/steps/subchannel-members.react.js @@ -1,64 +1,63 @@ // @flow import * as React from 'react'; -import { userStoreSearchIndex } from 'lib/selectors/user-selectors.js'; +import { useUserSearchIndex } from 'lib/selectors/nav-selectors.js'; import { useAncestorThreads } from 'lib/shared/ancestor-threads.js'; import type { ThreadInfo } from 'lib/types/thread-types.js'; import MembersList from './subchannel-members-list.react.js'; import css from './subchannel-members.css'; import Search from '../../../../components/search.react.js'; -import { useSelector } from '../../../../redux/redux-utils.js'; type SubchannelMembersProps = { +parentThreadInfo: ThreadInfo, +selectedUsers: $ReadOnlySet, +searchText: string, +setSearchText: string => void, +toggleUserSelection: (userID: string) => void, }; function SubchannelMembers(props: SubchannelMembersProps): React.Node { const { toggleUserSelection, searchText, setSearchText, parentThreadInfo, selectedUsers, } = props; const ancestorThreads = useAncestorThreads(parentThreadInfo); const communityThread = ancestorThreads[0] ?? parentThreadInfo; - const userSearchIndex = useSelector(userStoreSearchIndex); + const userSearchIndex = useUserSearchIndex(communityThread.members); const searchResult = React.useMemo( () => new Set(userSearchIndex.getSearchResults(searchText)), [userSearchIndex, searchText], ); return ( <>
); } export default SubchannelMembers;