fix: archive icon name and export, swipeable usage in sample app (#2913)

* fix: icon name and export, swipeable usage in sample app

* fix: lint issues

* fix: typo

---------

Co-authored-by: Ivan Sekovanikj <[email protected]>

Author: khushal87

examples/SampleApp/src/ChatUsers.ts

@@ -2,8 +2,6 @@ import { UserResponse } from 'stream-chat';
 import { StreamChatGenerics } from './types';
 
 export const USER_TOKENS: Record<string, string> = {
-  luke_skywalker:
-    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoibHVrZV9za3l3YWxrZXIifQ.kFSLHRB5X62t0Zlc7nwczWUfsQMwfkpylC6jCUZ6Mc0',
   e2etest1:
     'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiZTJldGVzdDEifQ.XlQOw8nl7fFzHoBkEiTcYGkNo5r7EBYA40LABGOk4hc',
   e2etest2:
@@ -30,9 +28,6 @@ export const USER_TOKENS: Record<string, string> = {
     'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoicm9kb2xwaGUifQ.tLl-I8ADBhTKB-x5FB9jK4-am0dELLXgydM6VN9rTL8',
 };
 export const USERS: Record<string, UserResponse<StreamChatGenerics>> = {
-  luke_skywalker: {
-    id: 'luke_skywalker',
-  },
   neil: {
     id: 'neil',
     image: 'https://ca.slack-edge.com/T02RM6X6B-U01173D1D5J-0dead6eea6ea-512',

examples/SampleApp/src/components/ChannelInfoOverlay.tsx

@@ -33,7 +33,7 @@ import {
 import { useAppOverlayContext } from '../context/AppOverlayContext';
 import { useBottomSheetOverlayContext } from '../context/BottomSheetOverlayContext';
 import { useChannelInfoOverlayContext } from '../context/ChannelInfoOverlayContext';
-import { Archieve } from '../icons/Archieve';
+import { Archive } from '../icons/Archive';
 import { Pin } from '../icons/Pin';
 
 dayjs.extend(relativeTime);
@@ -422,10 +422,10 @@ export const ChannelInfoOverlay = (props: ChannelInfoOverlayProps) => {
                           ]}
                         >
                           <View style={styles.rowInner}>
-                            <Archieve height={24} width={24} />
+                            <Archive height={24} width={24} />
                           </View>
                           <Text style={[styles.rowText, { color: black }]}>
-                            {membership?.archived_at ? 'Unarchieve' : 'Archieve'}
+                            {membership?.archived_at ? 'Unarchive' : 'Archive'}
                           </Text>
                         </View>
                       </TapGestureHandler>

examples/SampleApp/src/components/ChannelPreview.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { RectButton } from 'react-native-gesture-handler';
-import Swipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
+import Swipeable from 'react-native-gesture-handler/Swipeable';
 import {
   ChannelPreviewMessenger,
   ChannelPreviewMessengerProps,

examples/SampleApp/src/icons/Archieve.tsx renamed to examples/SampleApp/src/icons/Archive.tsx

@@ -4,7 +4,7 @@ import { useTheme } from 'stream-chat-react-native';
 
 import { IconProps } from '../utils/base';
 
-export const Archieve: React.FC<IconProps> = ({ height = 512, width = 512 }) => {
+export const Archive: React.FC<IconProps> = ({ height = 512, width = 512 }) => {
   const {
     theme: {
       colors: { grey },

package/src/components/ChannelPreview/ChannelPreviewMessenger.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { StyleSheet, View } from 'react-native';
+import { TouchableOpacity } from 'react-native-gesture-handler';
 
 import { ChannelAvatar } from './ChannelAvatar';
 import type { ChannelPreviewProps } from './ChannelPreview';

package/src/icons/Archieve.tsx renamed to package/src/icons/Archive.tsx

@@ -3,7 +3,7 @@ import Svg, { Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
-export const Archieve: React.FC<IconProps> = ({ height = 512, width = 512, ...rest }) => (
+export const Archive: React.FC<IconProps> = ({ height = 512, width = 512, ...rest }) => (
   <Svg height={height} viewBox={'0 0 512 512'} width={width} {...rest}>
     <Path d='M32 32l448 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96L0 64C0 46.3 14.3 32 32 32zm0 128l448 0 0 256c0 35.3-28.7 64-64 64L96 480c-35.3 0-64-28.7-64-64l0-256zm128 80c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16z' />
   </Svg>

package/src/icons/index.ts

@@ -1,6 +1,6 @@
 export * from './utils/base';
 
-export * from './Archieve';
+export * from './Archive';
 export * from './ArrowRight';
 export * from './ArrowLeft';
 export * from './ArrowUp';