fix: add app change

Author: khushal87

examples/TypeScriptMessaging/App.tsx

@@ -1,36 +1,21 @@
 import React, { useContext, useEffect, useMemo, useState } from 'react';
-import {
-  I18nManager,
-  LogBox,
-  Platform,
-  Pressable,
-  SafeAreaView,
-  StyleSheet,
-  useColorScheme,
-  View,
-} from 'react-native';
+import { I18nManager, LogBox, Platform, SafeAreaView, useColorScheme, View } from 'react-native';
 import { DarkTheme, DefaultTheme, NavigationContainer, RouteProp } from '@react-navigation/native';
 import { createStackNavigator, StackNavigationProp } from '@react-navigation/stack';
 import { useHeaderHeight } from '@react-navigation/elements';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Channel as ChannelType, ChannelSort } from 'stream-chat';
 import {
-  Archieve,
   Channel,
   ChannelList,
-  ChannelPreviewStatus,
-  ChannelPreviewStatusProps,
   Chat,
   MessageInput,
   MessageList,
   OverlayProvider,
-  Pin,
   Streami18n,
   Thread,
   ThreadContextValue,
-  Unpin,
   useAttachmentPickerContext,
-  useChannelMembershipState,
   useCreateChatClient,
   useOverlayContext,
 } from 'stream-chat-react-native';
@@ -105,51 +90,6 @@ type ChannelListScreenProps = {
   navigation: StackNavigationProp<NavigationParamsList, 'ChannelList'>;
 };
 
-const CustomChannelPreviewStatus = (props: ChannelPreviewStatusProps) => {
-  const { channel } = props;
-  const membership = useChannelMembershipState(channel);
-
-  return (
-    <View style={styles.statusContainer}>
-      <ChannelPreviewStatus {...props} />
-      <Pressable
-        style={styles.iconContainer}
-        onPress={async () => {
-          if (membership.pinned_at) {
-            await channel.unpin();
-          } else {
-            await channel.pin();
-          }
-        }}
-      >
-        {membership.pinned_at ? <Unpin height={24} width={24} pathFill='red' /> : <Pin size={24} />}
-      </Pressable>
-      <Pressable
-        style={styles.iconContainer}
-        onPress={async () => {
-          if (membership.archived_at) {
-            await channel.unarchive();
-          } else {
-            await channel.archive();
-          }
-        }}
-      >
-        <Archieve height={24} width={24} fill={membership.archived_at ? 'red' : 'grey'} />
-      </Pressable>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  statusContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  iconContainer: {
-    marginLeft: 8,
-  },
-});
-
 const ChannelListScreen: React.FC<ChannelListScreenProps> = ({ navigation }) => {
   const { setChannel } = useContext(AppContext);
 
@@ -158,7 +98,6 @@ const ChannelListScreen: React.FC<ChannelListScreenProps> = ({ navigation }) =>
   return (
     <View style={{ height: '100%' }}>
       <ChannelList<StreamChatGenerics>
-        PreviewStatus={CustomChannelPreviewStatus}
         filters={memoizedFilters}
         onSelect={(channel) => {
           setChannel(channel);