Fix trying to connect to streaming API when logged out in web UI (#19316)

app/javascript/mastodon/features/community_timeline/index.js

@@ -35,6 +35,7 @@ class CommunityTimeline extends React.PureComponent {
 
   static contextTypes = {
     router: PropTypes.object,
+    identity: PropTypes.object,
   };
 
   static defaultProps = {
@@ -71,20 +72,32 @@ class CommunityTimeline extends React.PureComponent {
 
   componentDidMount () {
     const { dispatch, onlyMedia } = this.props;
+    const { signedIn } = this.context.identity;
 
     dispatch(expandCommunityTimeline({ onlyMedia }));
+
+    if (signedIn) {
       this.disconnect = dispatch(connectCommunityStream({ onlyMedia }));
     }
+  }
 
   componentDidUpdate (prevProps) {
+    const { signedIn } = this.context.identity;
+
     if (prevProps.onlyMedia !== this.props.onlyMedia) {
       const { dispatch, onlyMedia } = this.props;
 
+      if (this.disconnect) {
         this.disconnect();
+      }
+
       dispatch(expandCommunityTimeline({ onlyMedia }));
+
+      if (signedIn) {
         this.disconnect = dispatch(connectCommunityStream({ onlyMedia }));
       }
     }
+  }
 
   componentWillUnmount () {
     if (this.disconnect) {

app/javascript/mastodon/features/hashtag_timeline/index.js

@@ -96,6 +96,12 @@ class HashtagTimeline extends React.PureComponent {
   }
 
   _subscribe (dispatch, id, tags = {}, local) {
+    const { signedIn } = this.context.identity;
+
+    if (!signedIn) {
+      return;
+    }
+
     let any  = (tags.any || []).map(tag => tag.value);
     let all  = (tags.all || []).map(tag => tag.value);
     let none = (tags.none || []).map(tag => tag.value);

app/javascript/mastodon/features/public_timeline/index.js

@@ -37,6 +37,7 @@ class PublicTimeline extends React.PureComponent {
 
   static contextTypes = {
     router: PropTypes.object,
+    identity: PropTypes.object,
   };
 
   static defaultProps = {
@@ -74,20 +75,32 @@ class PublicTimeline extends React.PureComponent {
 
   componentDidMount () {
     const { dispatch, onlyMedia, onlyRemote } = this.props;
+    const { signedIn } = this.context.identity;
 
     dispatch(expandPublicTimeline({ onlyMedia, onlyRemote }));
+
+    if (signedIn) {
       this.disconnect = dispatch(connectPublicStream({ onlyMedia, onlyRemote }));
     }
+  }
 
   componentDidUpdate (prevProps) {
+    const { signedIn } = this.context.identity;
+
     if (prevProps.onlyMedia !== this.props.onlyMedia || prevProps.onlyRemote !== this.props.onlyRemote) {
       const { dispatch, onlyMedia, onlyRemote } = this.props;
 
+      if (this.disconnect) {
         this.disconnect();
+      }
+
       dispatch(expandPublicTimeline({ onlyMedia, onlyRemote }));
+
+      if (signedIn) {
         this.disconnect = dispatch(connectPublicStream({ onlyMedia, onlyRemote }));
       }
     }
+  }
 
   componentWillUnmount () {
     if (this.disconnect) {