TopicList [nfc]: Pass stream name into TopicItem

This will be required for actionsheets to work properly.

src/topics/TopicList.js

@@ -2,7 +2,7 @@
 import React, { PureComponent } from 'react';
 import { FlatList } from 'react-native';
 
-import type { TopicExtended } from '../types';
+import type { Stream, TopicExtended } from '../types';
 import { createStyleSheet } from '../styles';
 import TopicItem from '../streams/TopicItem';
 import { LoadingIndicator, SearchEmptyState } from '../common';
@@ -15,13 +15,14 @@ const styles = createStyleSheet({
 });
 
 type Props = $ReadOnly<{|
+  stream: Stream,
   topics: ?(TopicExtended[]),
   onPress: (stream: string, topic: string) => void,
 |}>;
 
 export default class TopicList extends PureComponent<Props> {
   render() {
-    const { topics, onPress } = this.props;
+    const { stream, topics, onPress } = this.props;
 
     if (!topics) {
       return <LoadingIndicator size={40} />;
@@ -40,6 +41,7 @@ export default class TopicList extends PureComponent<Props> {
         renderItem={({ item }) => (
           <TopicItem
             name={item.name}
+            stream={stream.name}
             isMuted={item.isMuted}
             unreadCount={item.unreadCount}
             onPress={onPress}

src/topics/TopicListScreen.js

@@ -48,14 +48,14 @@ class TopicListScreen extends PureComponent<Props, State> {
   handleFilterChange = (filter: string) => this.setState({ filter });
 
   render() {
-    const { topics } = this.props;
+    const { stream, topics } = this.props;
     const { filter } = this.state;
     const filteredTopics =
       topics && topics.filter(topic => topic.name.toLowerCase().includes(filter.toLowerCase()));
 
     return (
       <Screen title="Topics" centerContent search searchBarOnChange={this.handleFilterChange}>
-        <TopicList topics={filteredTopics} onPress={this.handlePress} />
+        <TopicList stream={stream} topics={filteredTopics} onPress={this.handlePress} />
       </Screen>
     );
   }