fix: example app TS issue and icons props issue

GetStream · Jun 6, 2024 · ba3829d · ba3829d
1 parent 64b2f78
commit ba3829d
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 13 deletions.
diff --git a/examples/ExpoMessaging/types.ts b/examples/ExpoMessaging/types.ts
@@ -5,13 +5,17 @@ export type LocalEventType = Record<string, unknown>;
 export type LocalMessageType = Record<string, unknown>;
 export type LocalReactionType = Record<string, unknown>;
 export type LocalUserType = Record<string, unknown>;
+type LocalPollOptionType = Record<string, unknown>;
+type LocalPollType = Record<string, unknown>;
 
 export type StreamChatGenerics = {
-    attachmentType: LocalAttachmentType;
-    channelType: LocalChannelType;
-    commandType: LocalCommandType;
-    eventType: LocalEventType;
-    messageType: LocalMessageType;
-    reactionType: LocalReactionType;
-    userType: LocalUserType;
+  attachmentType: LocalAttachmentType;
+  channelType: LocalChannelType;
+  commandType: LocalCommandType;
+  eventType: LocalEventType;
+  messageType: LocalMessageType;
+  pollOptionType: LocalPollOptionType;
+  pollType: LocalPollType;
+  reactionType: LocalReactionType;
+  userType: LocalUserType;
 };
diff --git a/examples/SampleApp/dist/SampleApp.app.dSYM.zip b/examples/SampleApp/dist/SampleApp.app.dSYM.zip
diff --git a/examples/SampleApp/src/components/ChannelInfoOverlay.tsx b/examples/SampleApp/src/components/ChannelInfoOverlay.tsx
@@ -23,7 +23,6 @@ import Animated, {
 import {
   Avatar,
   CircleClose,
-  Delete,
   User,
   UserMinus,
   useTheme,
@@ -33,6 +32,7 @@ import {
 import { useAppOverlayContext } from '../context/AppOverlayContext';
 import { useBottomSheetOverlayContext } from '../context/BottomSheetOverlayContext';
 import { useChannelInfoOverlayContext } from '../context/ChannelInfoOverlayContext';
+import { Delete } from '../icons/Delete';
 
 dayjs.extend(relativeTime);
 
@@ -408,7 +408,7 @@ export const ChannelInfoOverlay = (props: ChannelInfoOverlayProps) => {
                           ]}
                         >
                           <View style={styles.rowInner}>
-                            <Delete pathFill={accent_red} />
+                            <Delete height={32} pathFill={accent_red} width={32} />
                           </View>
                           <Text style={[styles.rowText, { color: accent_red }]}>
                             Delete conversation

diff --git a/examples/SampleApp/src/components/ChannelPreview.tsx b/examples/SampleApp/src/components/ChannelPreview.tsx
@@ -6,7 +6,6 @@ import Swipeable from 'react-native-gesture-handler/Swipeable';
 import {
   ChannelPreviewMessenger,
   ChannelPreviewMessengerProps,
-  Delete,
   MenuPointHorizontal,
   useChatContext,
   useTheme,
@@ -19,6 +18,7 @@ import { useChannelInfoOverlayContext } from '../context/ChannelInfoOverlayConte
 import type { StackNavigationProp } from '@react-navigation/stack';
 
 import type { StackNavigatorParamList, StreamChatGenerics } from '../types';
+import { Delete } from '../icons/Delete';
 
 const styles = StyleSheet.create({
   leftSwipeableButton: {
@@ -99,7 +99,7 @@ export const ChannelPreview: React.FC<ChannelPreviewMessengerProps<StreamChatGen
             }}
             style={[styles.rightSwipeableButton]}
           >
-            <Delete pathFill={accent_red} />
+            <Delete height={32} pathFill={accent_red} width={32} />
           </RectButton>
         </View>
       )}

diff --git a/examples/SampleApp/src/components/ConfirmationBottomSheet.tsx b/examples/SampleApp/src/components/ConfirmationBottomSheet.tsx
@@ -2,13 +2,14 @@ import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { TouchableOpacity } from '@gorhom/bottom-sheet';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Delete, UserMinus, useTheme } from 'stream-chat-react-native';
+import { UserMinus, useTheme } from 'stream-chat-react-native';
 
 import { useAppOverlayContext } from '../context/AppOverlayContext';
 import {
   isAddMemberBottomSheetData,
   useBottomSheetOverlayContext,
 } from '../context/BottomSheetOverlayContext';
+import { Delete } from '../icons/Delete';
 
 const styles = StyleSheet.create({
   actionButtonLeft: {
@@ -75,7 +76,11 @@ export const ConfirmationBottomSheet: React.FC = () => {
       ]}
     >
       <View style={styles.description}>
-        {confirmText === 'LEAVE' ? <UserMinus pathFill={grey} /> : <Delete pathFill={accent_red} />}
+        {confirmText === 'LEAVE' ? (
+          <UserMinus pathFill={grey} />
+        ) : (
+          <Delete height={32} pathFill={accent_red} width={32} />
+        )}
         <Text style={[styles.title, { color: black }]}>{title}</Text>
         <Text style={[styles.subtext, { color: black }]}>{subtext}</Text>
       </View>

diff --git a/examples/SampleApp/src/types.ts b/examples/SampleApp/src/types.ts
@@ -15,13 +15,17 @@ export type LocalReactionType = Record<string, unknown>;
 export type LocalUserType = {
   image?: string;
 };
+type LocalPollOptionType = Record<string, unknown>;
+type LocalPollType = Record<string, unknown>;
 
 export type StreamChatGenerics = {
   attachmentType: LocalAttachmentType;
   channelType: LocalChannelType;
   commandType: LocalCommandType;
   eventType: LocalEventType;
   messageType: LocalMessageType;
+  pollOptionType: LocalPollOptionType;
+  pollType: LocalPollType;
   reactionType: LocalReactionType;
   userType: LocalUserType;
 };

diff --git a/examples/TypeScriptMessaging/App.tsx b/examples/TypeScriptMessaging/App.tsx
@@ -34,13 +34,17 @@ type LocalEventType = Record<string, unknown>;
 type LocalMessageType = Record<string, unknown>;
 type LocalReactionType = Record<string, unknown>;
 type LocalUserType = Record<string, unknown>;
+type LocalPollOptionType = Record<string, unknown>;
+type LocalPollType = Record<string, unknown>;
 
 type StreamChatGenerics = {
   attachmentType: LocalAttachmentType;
   channelType: LocalChannelType;
   commandType: LocalCommandType;
   eventType: LocalEventType;
   messageType: LocalMessageType;
+  pollOptionType: LocalPollOptionType;
+  pollType: LocalPollType;
   reactionType: LocalReactionType;
   userType: LocalUserType;
 };