diff --git a/web/selectors/thread-selectors.js b/web/selectors/thread-selectors.js --- a/web/selectors/thread-selectors.js +++ b/web/selectors/thread-selectors.js @@ -140,6 +140,11 @@ }, ); +function useCommunityIsPicked(communityID: string): boolean { + const communityIDFilter = useSelector(state => state.communityIDFilter); + return communityID === communityIDFilter; +} + export { useOnClickThread, useThreadIsActive, @@ -147,4 +152,5 @@ useOnClickNewThread, filteredCommunityThreadIDsSelector, filteredCommunityThreadIDs, + useCommunityIsPicked, }; diff --git a/web/sidebar/community-drawer-item-handlers.react.js b/web/sidebar/community-drawer-item-handlers.react.js --- a/web/sidebar/community-drawer-item-handlers.react.js +++ b/web/sidebar/community-drawer-item-handlers.react.js @@ -7,6 +7,7 @@ import { updateCalendarCommunityFilter } from '../redux/action-types'; import { + useCommunityIsPicked, useOnClickThread, useThreadIsActive, } from '../selectors/thread-selectors'; @@ -44,7 +45,7 @@ payload: threadInfo.id, }); }, [dispatch, threadInfo.id]); - const isActive = false; + const isActive = useCommunityIsPicked(threadInfo.id); const handler = React.useMemo(() => ({ onClick, isActive }), [ onClick,