Fix viewing new profiles on mobile

mobile/views/Channel/index.js

@@ -57,7 +57,8 @@ class Channel extends Component<Props> {
     } else {
       title = 'Loading channel...';
     }
-    if (navigation.state.params.title === title) return;
+    const oldTitle = navigation.getParam('title', null);
+    if (oldTitle && oldTitle === title) return;
     navigation.setParams({ title });
   };
 

mobile/views/Community/index.js

@@ -78,7 +78,8 @@ class Community extends Component<Props> {
     } else {
       title = 'Loading community...';
     }
-    if (navigation.state.params.title === title) return;
+    const oldTitle = navigation.getParam('title', null);
+    if (oldTitle && oldTitle === title) return;
     navigation.setParams({ title });
   };
 

mobile/views/DirectMessageThread/components/DirectMessageThread.js

@@ -52,7 +52,8 @@ class DirectMessageThread extends Component<Props> {
     let title = directMessageThread
       ? sentencify(directMessageThread.participants.map(({ name }) => name))
       : 'Loading thread...';
-    if (navigation.state.params.title === title) return;
+    const oldTitle = navigation.getParam('title', null);
+    if (oldTitle && oldTitle === title) return;
     navigation.setParams({ title });
   };
 

mobile/views/DirectMessageThread/index.js

@@ -1,7 +1,6 @@
 // @flow
 import React from 'react';
 import compose from 'recompose/compose';
-import idx from 'idx';
 import Text from '../../components/Text';
 import { withCurrentUser } from '../../components/WithCurrentUser';
 import DirectMessageThread from './components/DirectMessageThread';
@@ -17,8 +16,8 @@ type Props = {
 
 class DirectMessageThreadView extends React.Component<Props> {
   render() {
-    const id = idx(this.props, props => props.navigation.state.params.id);
     const { currentUser, navigation } = this.props;
+    const id = navigation.getParam('id', null);
     if (!id) return <Text>Non-existant DM thread</Text>;
 
     if (!currentUser) return null;

mobile/views/TabBar/BaseStack.js

@@ -12,26 +12,26 @@ const BaseStack = {
   Thread: {
     screen: withMappedNavigationProps(Thread),
     navigationOptions: ({ navigation }: NavigationScreenConfigProps) => ({
-      headerTitle: navigation.state.params.title || null,
+      headerTitle: navigation.getParam('title', null),
       tabBarVisible: false,
     }),
   },
   Community: {
     screen: withMappedNavigationProps(Community),
     navigationOptions: ({ navigation }: NavigationScreenConfigProps) => ({
-      headerTitle: navigation.state.params.title || null,
+      headerTitle: navigation.getParam('title', null),
     }),
   },
   Channel: {
     screen: withMappedNavigationProps(Channel),
     navigationOptions: ({ navigation }: NavigationScreenConfigProps) => ({
-      headerTitle: navigation.state.params.title || null,
+      headerTitle: navigation.getParam('title', null),
     }),
   },
   User: {
     screen: withMappedNavigationProps(User),
     navigationOptions: ({ navigation }: NavigationScreenConfigProps) => ({
-      headerTitle: navigation.state.params.title || null,
+      headerTitle: navigation.getParam('title', null),
     }),
   },
 };

mobile/views/TabBar/DirectMessageStack.js

@@ -1,6 +1,5 @@
 // @flow
 import { createStackNavigator } from 'react-navigation';
-import idx from 'idx';
 import BaseStack from './BaseStack';
 import DirectMessages from '../DirectMessages';
 import DirectMessageThread from '../DirectMessageThread';
@@ -10,13 +9,13 @@ const DMStack = createStackNavigator(
     DirectMessages: {
       screen: DirectMessages,
       navigationOptions: ({ navigation }) => ({
-        headerTitle: idx(navigation, _ => _.state.params.title) || 'Messages',
+        headerTitle: navigation.getParam('title', 'Messages'),
       }),
     },
     DirectMessageThread: {
       screen: DirectMessageThread,
       navigationOptions: ({ navigation }) => ({
-        headerTitle: idx(navigation, _ => _.state.params.title) || '',
+        headerTitle: navigation.getParam('title', null),
         tabBarVisible: false,
       }),
     },

mobile/views/Thread/index.js

@@ -59,7 +59,8 @@ class Thread extends Component<Props> {
     } else {
       title = 'Loading thread...';
     }
-    if (navigation.state.params.title === title) return;
+    const oldTitle = navigation.getParam('title', null);
+    if (oldTitle && oldTitle === title) return;
     navigation.setParams({ title });
   };
 

mobile/views/User/profile.js

@@ -50,7 +50,9 @@ class User extends Component<Props, State> {
     } else {
       title = 'Loading user...';
     }
-    if (navigation.state.params.title === title) return;
+
+    const oldTitle = navigation.getParam('title', null);
+    if (oldTitle && oldTitle === title) return;
     navigation.setParams({ title });
   };