ActionSheet [nfc]: Pass StreamsById to actionsheet.

While not directly used within the action sheet, this modification
will help us to create TopicActionSheet with `streamId` for any
`streamName` at the callsite of `showTopicActionSheet`.

Author: AkashDhiman

src/message/__tests__/messageActionSheet-test.js

@@ -5,6 +5,7 @@ import { streamNameOfStreamMessage } from '../../utils/recipient';
 
 import * as eg from '../../__tests__/lib/exampleData';
 import { constructMessageActionButtons, constructTopicActionButtons } from '../messageActionSheet';
+import { getStreamsById } from '../../selectors';
 
 const baseBackgroundData = deepFreeze({
   alertWords: [],
@@ -14,6 +15,7 @@ const baseBackgroundData = deepFreeze({
   flags: eg.baseReduxState.flags,
   mute: [],
   ownUser: eg.selfUser,
+  streams: getStreamsById(eg.baseReduxState),
   subscriptions: [],
   theme: 'default',
   twentyFourHourTime: false,

src/message/messageActionSheet.js

@@ -14,6 +14,7 @@ import type {
   Subscription,
   User,
   EditMessage,
+  Stream,
 } from '../types';
 import {
   getNarrowForReply,
@@ -227,12 +228,13 @@ cancel.title = 'Cancel';
 cancel.errorMessage = 'Failed to hide menu';
 
 export const constructTopicActionButtons = ({
-  backgroundData: { mute, subscriptions, ownUser },
+  backgroundData: { mute, ownUser, streams, subscriptions },
   streamName,
   topic,
 }: {|
   backgroundData: $ReadOnly<{
     mute: MuteState,
+    streams: Map<number, Stream>,
     subscriptions: Subscription[],
     ownUser: User,
     ...
@@ -404,6 +406,7 @@ export const showTopicActionSheet = ({
   backgroundData: $ReadOnly<{
     auth: Auth,
     mute: MuteState,
+    streams: Map<number, Stream>,
     subscriptions: Subscription[],
     ownUser: User,
     flags: FlagsState,

src/streams/TopicItem.js

@@ -9,7 +9,14 @@ import { showTopicActionSheet } from '../message/messageActionSheet';
 import type { ShowActionSheetWithOptions } from '../message/messageActionSheet';
 import { TranslationContext } from '../boot/TranslationProvider';
 import { useDispatch, useSelector } from '../react-redux';
-import { getAuth, getMute, getFlags, getSubscriptions, getOwnUser } from '../selectors';
+import {
+  getAuth,
+  getMute,
+  getFlags,
+  getSubscriptions,
+  getStreamsById,
+  getOwnUser,
+} from '../selectors';
 
 const componentStyles = createStyleSheet({
   selectedRow: {
@@ -45,6 +52,7 @@ export default function TopicItem(props: Props) {
   const backgroundData = useSelector(state => ({
     auth: getAuth(state),
     mute: getMute(state),
+    streams: getStreamsById(state),
     subscriptions: getSubscriptions(state),
     ownUser: getOwnUser(state),
     flags: getFlags(state),

src/title/TitleStream.js

@@ -24,6 +24,7 @@ import {
   getMute,
   getFlags,
   getSubscriptions,
+  getStreamsById,
   getOwnUser,
   getStreamInNarrow,
 } from '../selectors';
@@ -35,6 +36,7 @@ type SelectorProps = {|
   backgroundData: {|
     auth: Auth,
     mute: MuteState,
+    streams: Map<number, Stream>,
     subscriptions: Subscription[],
     ownUser: User,
     flags: FlagsState,
@@ -114,6 +116,7 @@ export default connect<SelectorProps, _, _>((state, props) => ({
   backgroundData: {
     auth: getAuth(state),
     mute: getMute(state),
+    streams: getStreamsById(state),
     subscriptions: getSubscriptions(state),
     ownUser: getOwnUser(state),
     flags: getFlags(state),

src/webview/MessageList.js

@@ -21,6 +21,7 @@ import type {
   ImageEmojiType,
   HtmlPieceDescriptor,
   Subscription,
+  Stream,
   ThemeName,
   User,
   UserOrBot,
@@ -43,6 +44,7 @@ import {
   getOwnUser,
   getSettings,
   getSubscriptions,
+  getStreamsById,
   getShownMessagesForNarrow,
   getRealm,
 } from '../selectors';
@@ -81,6 +83,7 @@ export type BackgroundData = $ReadOnly<{|
   mute: MuteState,
   mutedUsers: MutedUsersState,
   ownUser: User,
+  streams: Map<number, Stream>,
   subscriptions: Subscription[],
   theme: ThemeName,
   twentyFourHourTime: boolean,
@@ -360,6 +363,7 @@ export default connect<SelectorProps, _, _>((state, props: OuterProps) => {
     mute: getMute(state),
     mutedUsers: getMutedUsers(state),
     ownUser: getOwnUser(state),
+    streams: getStreamsById(state),
     subscriptions: getSubscriptions(state),
     theme: getSettings(state).theme,
     twentyFourHourTime: getRealm(state).twentyFourHourTime,

src/webview/__tests__/generateInboundEvents-test.js

@@ -7,6 +7,7 @@ import { flagsStateToStringList } from '../html/messageAsHtml';
 import { HOME_NARROW } from '../../utils/narrow';
 import * as eg from '../../__tests__/lib/exampleData';
 import type { Props } from '../MessageList';
+import { getStreamsById } from '../../selectors';
 
 describe('generateInboundEvents', () => {
   const baseBackgroundData = deepFreeze({
@@ -18,6 +19,7 @@ describe('generateInboundEvents', () => {
     mute: [],
     mutedUsers: Immutable.Map(),
     ownUser: eg.selfUser,
+    streams: getStreamsById(eg.baseReduxState),
     subscriptions: [],
     theme: 'default',
     twentyFourHourTime: false,