diff --git a/web/calendar/filter-panel.react.js b/web/calendar/filter-panel.react.js --- a/web/calendar/filter-panel.react.js +++ b/web/calendar/filter-panel.react.js @@ -36,6 +36,7 @@ import { useFilterThreadInfos, useFilterThreadSearchIndex, + filterThreadIDsBelongingToCommunitySelector, } from '../selectors/calendar-selectors.js'; import { MagnifyingGlass } from '../vectors.react.js'; @@ -43,6 +44,7 @@ +filterThreadInfos: $ReadOnlyArray, +filterThreadSearchIndex: SearchIndex, +filteredThreadIDs: ?$ReadOnlySet, + +filteredCommunityThreadIDs: ?$ReadOnlySet, +includeDeleted: boolean, +dispatch: Dispatch, +pushModal: PushModal, @@ -66,20 +68,34 @@ return this.props.filteredThreadIDs.has(threadID); } + inCurrentCommunity(threadID: string): boolean { + if (!this.props.filteredCommunityThreadIDs) { + return true; + } + return this.props.filteredCommunityThreadIDs.has(threadID); + } + render() { const filterThreadInfos = this.state.query ? this.state.searchResults : this.props.filterThreadInfos; + const filterThreadInfosInCurrentCommunity = filterThreadInfos.filter(item => + this.inCurrentCommunity(item.threadInfo.id), + ); let filters = []; - if (!this.state.query || filterThreadInfos.length > 0) { + if (!this.state.query || filterThreadInfosInCurrentCommunity.length > 0) { filters.push( , ); @@ -91,16 +107,18 @@ ); } if (!this.state.collapsed) { - const options = filterThreadInfos.map(filterThreadInfo => ( - - )); + const options = filterThreadInfosInCurrentCommunity.map( + filterThreadInfo => ( + + ), + ); filters = [...filters, ...options]; } @@ -180,7 +198,14 @@ }; onToggleAll = (value: boolean) => { - this.setFilterThreads(value ? null : []); + if (!value) { + this.setFilterThreads([]); + return; + } + const allChats = this.props.filteredCommunityThreadIDs + ? Array.from(this.props.filteredCommunityThreadIDs) + : null; + this.setFilterThreads(allChats); }; onClickOnly = (threadID: string) => { @@ -362,6 +387,9 @@ const ConnectedFilterPanel: React.ComponentType<{}> = React.memo<{}>( function ConnectedFilterPanel(): React.Node { const filteredThreadIDs = useSelector(filteredThreadIDsSelector); + const filteredCommunityThreadIDs = useSelector( + filterThreadIDsBelongingToCommunitySelector, + ); const filterThreadInfos = useFilterThreadInfos(); const filterThreadSearchIndex = useFilterThreadSearchIndex(); const includeDeleted = useSelector(includeDeletedSelector); @@ -371,6 +399,7 @@ return ( void,