fix: add app changes

Author: khushal87

examples/SampleApp/App.tsx

@@ -6,7 +6,6 @@ import { createStackNavigator } from '@react-navigation/stack';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import {
   Chat,
-  MessageType,
   OverlayProvider,
   SqliteClient,
   ThemeProvider,
@@ -36,7 +35,7 @@ import { SharedGroupsScreen } from './src/screens/SharedGroupsScreen';
 import { ThreadScreen } from './src/screens/ThreadScreen';
 import { UserSelectorScreen } from './src/screens/UserSelectorScreen';
 
-import type { StreamChat } from 'stream-chat';
+import type { LocalMessage, StreamChat } from 'stream-chat';
 
 if (__DEV__) {
   DevSettings.addMenuItem('Reset local DB (offline storage)', () => {
@@ -45,10 +44,7 @@ if (__DEV__) {
   });
 }
 
-import type {
-  StackNavigatorParamList,
-  UserSelectorParamList,
-} from './src/types';
+import type { StackNavigatorParamList, UserSelectorParamList } from './src/types';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { navigateToChannel, RootNavigationRef } from './src/utils/RootNavigation';
 import FastImage from 'react-native-fast-image';
@@ -106,18 +102,16 @@ const App = () => {
         }
       }
     });
-    messaging
-      .getInitialNotification()
-      .then((remoteMessage) => {
-        if (remoteMessage) {
-          // Notification caused app to open from quit state on iOS
-          const channelId = remoteMessage.data?.channel_id as string;
-          if (channelId) {
-            // this will make the app to start with the channel screen with this channel id
-            initialChannelIdGlobalRef.current = channelId;
-          }
+    messaging.getInitialNotification().then((remoteMessage) => {
+      if (remoteMessage) {
+        // Notification caused app to open from quit state on iOS
+        const channelId = remoteMessage.data?.channel_id as string;
+        if (channelId) {
+          // this will make the app to start with the channel screen with this channel id
+          initialChannelIdGlobalRef.current = channelId;
         }
-      });
+      }
+    });
     return () => {
       unsubscribeOnNotificationOpen();
       unsubscribeForegroundEvent();
@@ -170,7 +164,7 @@ const DrawerNavigator: React.FC = () => (
   </Drawer.Navigator>
 );
 
-const isMessageAIGenerated = (message: MessageType) => !!message.ai_generated;
+const isMessageAIGenerated = (message: LocalMessage) => !!message.ai_generated;
 
 const DrawerNavigatorWrapper: React.FC<{
   chatClient: StreamChat;

examples/SampleApp/src/screens/ThreadScreen.tsx

@@ -3,7 +3,6 @@ import { StyleSheet, View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import {
   Channel,
-  MessageType,
   Thread,
   ThreadType,
   useAttachmentPickerContext,
@@ -17,7 +16,7 @@ import { ScreenHeader } from '../components/ScreenHeader';
 import type { RouteProp } from '@react-navigation/native';
 
 import type { StackNavigatorParamList } from '../types';
-import { ThreadState, UserResponse } from 'stream-chat';
+import { LocalMessage, ThreadState, UserResponse } from 'stream-chat';
 
 const selector = (nextValue: ThreadState) => ({ parentMessage: nextValue.parentMessage }) as const;
 
@@ -34,12 +33,12 @@ type ThreadScreenProps = {
 };
 
 export type ThreadHeaderProps = {
-  thread: MessageType | ThreadType;
+  thread: LocalMessage | ThreadType;
 };
 
 const ThreadHeader: React.FC<ThreadHeaderProps> = ({ thread }) => {
   const typing = useTypingString();
-  let subtitleText = ((thread as MessageType)?.user as UserResponse)?.name;
+  let subtitleText = ((thread as LocalMessage)?.user as UserResponse)?.name;
   const { parentMessage } =
     useStateStore((thread as ThreadType)?.threadInstance?.state, selector) || {};
 

examples/SampleApp/src/types.ts

@@ -1,5 +1,5 @@
-import type { Channel, UserResponse } from 'stream-chat';
-import type { MessageType, ThreadType } from 'stream-chat-react-native';
+import type { Channel, LocalMessage, UserResponse } from 'stream-chat';
+import type { ThreadType } from 'stream-chat-react-native';
 import type { Theme } from '@react-navigation/native';
 
 export type DrawerNavigatorParamList = {
@@ -38,7 +38,7 @@ export type StackNavigatorParamList = {
   };
   ThreadScreen: {
     channel: Channel;
-    thread: MessageType | ThreadType;
+    thread: LocalMessage | ThreadType;
   };
 };