stream-chat-react-native-core 9.3.0 → 9.3.1-beta.2

package/src/components/Message/MessageItemView/MessageItemView.tsx

@@ -212,6 +212,7 @@ export type MessageItemViewPropsWithContext = Pick<
   | 'lastGroupMessage'
   | 'contextMenuAnchorRef'
   | 'members'
+  | 'threadList'
 > &
   Pick<
     MessagesContextValue,
@@ -243,6 +244,7 @@ const MessageItemViewWithContext = (props: MessageItemViewPropsWithContext) => {
     reactionListPosition,
     reactionListType,
     setQuotedMessage,
+    threadList,
   } = props;
   const {
     MessageAuthor,
@@ -357,9 +359,11 @@ const MessageItemViewWithContext = (props: MessageItemViewPropsWithContext) => {
             </View>
           </View>
 
-          <View style={styles.repliesContainer}>
-            <MessageReplies />
-          </View>
+          {!threadList && !!message.reply_count ? (
+            <View style={styles.repliesContainer}>
+              <MessageReplies />
+            </View>
+          ) : null}
 
           {reactionListPosition === 'bottom' && ReactionListBottom ? (
             <ReactionListBottom type={reactionListType} />
@@ -526,6 +530,7 @@ export const MessageItemView = (props: MessageItemViewProps) => {
     setQuotedMessage,
     lastGroupMessage,
     members,
+    threadList,
   } = useMessageContext();
 
   const {
@@ -560,6 +565,7 @@ export const MessageItemView = (props: MessageItemViewProps) => {
         setQuotedMessage,
         lastGroupMessage,
         members,
+        threadList,
       }}
       {...props}
     />

package/src/components/Message/MessageItemView/MessageWrapper.tsx

@@ -114,16 +114,14 @@ export const MessageWrapper = React.memo((props: MessageWrapperProps) => {
         <MessageSystem message={message} style={messageContainer} />
       ) : wrapMessageInTheme ? (
         <ThemeProvider mergedStyle={modifiedTheme}>
-          <View testID={`message-list-item-${message.id}`}>
-            {renderDateSeperator}
-            {renderMessage}
-          </View>
+          {renderDateSeperator}
+          {renderMessage}
         </ThemeProvider>
       ) : (
-        <View testID={`message-list-item-${message.id}`}>
+        <>
           {renderDateSeperator}
           {renderMessage}
-        </View>
+        </>
       )}
       {showUnreadUnderlay && (
         <View style={styles.unreadUnderlayContainer}>

package/src/components/Message/MessageItemView/ReactionList/ReactionListClustered.tsx

@@ -113,17 +113,15 @@ export const ReactionListClusteredWithContext = (props: ReactionListClusteredPro
       style={containerStyle}
       accessibilityLabel={accessibilityLabel}
     >
-      {reactions
-        ?.slice(0, 4)
-        .map((reaction) => (
-          <Icon
-            key={reaction.type}
-            size={icon.size}
-            style={[styles.iconStyle, icon.style]}
-            supportedReactions={supportedReactions}
-            type={reaction.type}
-          />
-        ))}
+      {reactions?.slice(0, 4).map((reaction) => (
+        <Icon
+          key={reaction.type}
+          size={icon.size}
+          style={[styles.iconStyle, icon.style]}
+          supportedReactions={supportedReactions}
+          type={reaction.type}
+        />
+      ))}
       {reactionsCount > 4 ? <Text style={styles.reactionCount}>{reactionsCountText}</Text> : null}
     </ReactionListItemWrapper>
   );

package/src/components/Poll/Poll.tsx

@@ -74,11 +74,9 @@ export const PollContent = () => {
     <View style={[styles.container, container]}>
       <PollHeaderComponent />
       <View style={[styles.optionsWrapper, optionsWrapper]}>
-        {options
-          ?.slice(0, defaultPollOptionCount)
-          ?.map((option: PollOptionClass) => (
-            <PollOption key={`message_poll_option_${option.id}`} option={option} />
-          ))}
+        {options?.slice(0, defaultPollOptionCount)?.map((option: PollOptionClass) => (
+          <PollOption key={`message_poll_option_${option.id}`} option={option} />
+        ))}
         <ShowAllOptionsButton />
       </View>
       <PollButtonsComponent />