stream-chat-react-native-core 6.6.4 → 6.6.5

package/src/components/ImageGallery/hooks/useImageGalleryGestures.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { Platform } from 'react-native';
 import { Gesture, GestureType } from 'react-native-gesture-handler';
 import {
@@ -259,14 +259,14 @@ export const useImageGalleryGestures = ({
           currentImageHeight * offsetScale.value < screenHeight && translateY.value > 0
             ? offsetScale.value * (1 - (1 / 3) * (translateY.value / screenHeight))
             : currentImageHeight * offsetScale.value > screenHeight &&
-              translateY.value > (currentImageHeight / 2) * offsetScale.value - halfScreenHeight
-            ? offsetScale.value *
-              (1 -
-                (1 / 3) *
-                  ((translateY.value -
-                    ((currentImageHeight / 2) * offsetScale.value - halfScreenHeight)) /
-                    screenHeight))
-            : scale.value;
+                translateY.value > (currentImageHeight / 2) * offsetScale.value - halfScreenHeight
+              ? offsetScale.value *
+                (1 -
+                  (1 / 3) *
+                    ((translateY.value -
+                      ((currentImageHeight / 2) * offsetScale.value - halfScreenHeight)) /
+                      screenHeight))
+              : scale.value;
 
         overlayOpacity.value = localEvtScale;
       }
@@ -345,18 +345,21 @@ export const useImageGalleryGestures = ({
           scale.value < 1
             ? withTiming(0)
             : translateX.value > halfScreenWidth * (scale.value - 1)
-            ? withTiming(halfScreenWidth * (scale.value - 1), {
-                duration: 200,
-              })
-            : translateX.value < -halfScreenWidth * (scale.value - 1)
-            ? withTiming(-halfScreenWidth * (scale.value - 1), {
-                duration: 200,
-              })
-            : withDecay({
-                clamp: [-halfScreenWidth * (scale.value - 1), halfScreenWidth * (scale.value - 1)],
-                deceleration: 0.99,
-                velocity: -event.velocityX,
-              });
+              ? withTiming(halfScreenWidth * (scale.value - 1), {
+                  duration: 200,
+                })
+              : translateX.value < -halfScreenWidth * (scale.value - 1)
+                ? withTiming(-halfScreenWidth * (scale.value - 1), {
+                    duration: 200,
+                  })
+                : withDecay({
+                    clamp: [
+                      -halfScreenWidth * (scale.value - 1),
+                      halfScreenWidth * (scale.value - 1),
+                    ],
+                    deceleration: 0.99,
+                    velocity: -event.velocityX,
+                  });
 
         /**
          * When the pan is finished if the height is less than the screen
@@ -369,17 +372,17 @@ export const useImageGalleryGestures = ({
           currentImageHeight * scale.value < screenHeight
             ? withTiming(0)
             : translateY.value > (currentImageHeight / 2) * scale.value - halfScreenHeight
-            ? withTiming((currentImageHeight / 2) * scale.value - halfScreenHeight)
-            : translateY.value < (-currentImageHeight / 2) * scale.value + halfScreenHeight
-            ? withTiming((-currentImageHeight / 2) * scale.value + halfScreenHeight)
-            : withDecay({
-                clamp: [
-                  (-currentImageHeight / 2) * scale.value + halfScreenHeight,
-                  (currentImageHeight / 2) * scale.value - halfScreenHeight,
-                ],
-                deceleration: 0.99,
-                velocity: event.velocityY,
-              });
+              ? withTiming((currentImageHeight / 2) * scale.value - halfScreenHeight)
+              : translateY.value < (-currentImageHeight / 2) * scale.value + halfScreenHeight
+                ? withTiming((-currentImageHeight / 2) * scale.value + halfScreenHeight)
+                : withDecay({
+                    clamp: [
+                      (-currentImageHeight / 2) * scale.value + halfScreenHeight,
+                      (currentImageHeight / 2) * scale.value - halfScreenHeight,
+                    ],
+                    deceleration: 0.99,
+                    velocity: event.velocityY,
+                  });
 
         resetTouchValues();
 
@@ -638,10 +641,10 @@ export const useImageGalleryGestures = ({
           scale.value < 1
             ? withTiming(0)
             : translateX.value > halfScreenWidth * (scale.value - 1)
-            ? withTiming(halfScreenWidth * (scale.value - 1))
-            : translateX.value < -halfScreenWidth * (scale.value - 1)
-            ? withTiming(-halfScreenWidth * (scale.value - 1))
-            : translateX.value;
+              ? withTiming(halfScreenWidth * (scale.value - 1))
+              : translateX.value < -halfScreenWidth * (scale.value - 1)
+                ? withTiming(-halfScreenWidth * (scale.value - 1))
+                : translateX.value;
 
         /**
          * When the pinch is finished if the height is less than the screen
@@ -653,10 +656,10 @@ export const useImageGalleryGestures = ({
           currentImageHeight * scale.value < screenHeight
             ? withTiming(0)
             : translateY.value > (currentImageHeight / 2) * scale.value - screenHeight / 2
-            ? withTiming((currentImageHeight / 2) * scale.value - screenHeight / 2)
-            : translateY.value < (-currentImageHeight / 2) * scale.value + screenHeight / 2
-            ? withTiming((-currentImageHeight / 2) * scale.value + screenHeight / 2)
-            : translateY.value;
+              ? withTiming((currentImageHeight / 2) * scale.value - screenHeight / 2)
+              : translateY.value < (-currentImageHeight / 2) * scale.value + screenHeight / 2
+                ? withTiming((-currentImageHeight / 2) * scale.value + screenHeight / 2)
+                : translateY.value;
 
         /**
          * If the scale has been reduced below one, i.e. zoomed out, translate

package/src/components/Indicators/LoadingDots.tsx

@@ -37,8 +37,8 @@ export const LoadingDots = (props: Props) => {
             index === 0
               ? { marginRight: halfSpacing }
               : index === numberOfDots - 1
-              ? { marginLeft: halfSpacing }
-              : { marginHorizontal: halfSpacing }
+                ? { marginLeft: halfSpacing }
+                : { marginHorizontal: halfSpacing }
           }
         />
       ))}

package/src/components/Message/Message.tsx

@@ -332,7 +332,9 @@ const MessageWithContext = <
   };
 
   const onPressQuotedMessage = (quotedMessage: MessageType<StreamChatGenerics>) => {
-    if (!goToMessage) return;
+    if (!goToMessage) {
+      return;
+    }
 
     goToMessage(quotedMessage.id);
   };
@@ -372,8 +374,8 @@ const MessageWithContext = <
     forceAlignMessages && (forceAlignMessages === 'left' || forceAlignMessages === 'right')
       ? forceAlignMessages
       : isMyMessage
-      ? 'right'
-      : 'left';
+        ? 'right'
+        : 'left';
 
   /**
    * attachments contain files/images or other attachments
@@ -465,7 +467,9 @@ const MessageWithContext = <
   });
 
   const emojiOnlyText = useMemo(() => {
-    if (!message.text) return false;
+    if (!message.text) {
+      return false;
+    }
     return hasOnlyEmojis(message.text);
   }, [message.text]);
 
@@ -611,7 +615,9 @@ const MessageWithContext = <
   };
 
   const onLongPress = () => {
-    if (hasAttachmentActions || isBlockedMessage(message) || !enableLongPress) return;
+    if (hasAttachmentActions || isBlockedMessage(message) || !enableLongPress) {
+      return;
+    }
     // If a message is bounced, on long press the message bounce options modal should open.
     if (isBouncedMessage(message)) {
       setIsBounceDialogOpen(true);
@@ -653,8 +659,12 @@ const MessageWithContext = <
       };
 
       const handleOnLongPress = () => {
-        if (onLongPressMessageProp) return onLongPressMessageProp(onLongPressArgs);
-        if (payload?.defaultHandler) return payload.defaultHandler();
+        if (onLongPressMessageProp) {
+          return onLongPressMessageProp(onLongPressArgs);
+        }
+        if (payload?.defaultHandler) {
+          return payload.defaultHandler();
+        }
 
         return onLongPress();
       };
@@ -674,8 +684,12 @@ const MessageWithContext = <
       };
 
       const handleOnPress = () => {
-        if (onPressMessageProp) return onPressMessageProp(onPressArgs);
-        if (payload.defaultHandler) return payload.defaultHandler();
+        if (onPressMessageProp) {
+          return onPressMessageProp(onPressArgs);
+        }
+        if (payload.defaultHandler) {
+          return payload.defaultHandler();
+        }
 
         return onPress();
       };
@@ -684,7 +698,7 @@ const MessageWithContext = <
     },
     onPressIn: onPressInMessageProp
       ? (payload) => {
-          if (onPressInMessageProp)
+          if (onPressInMessageProp) {
             return onPressInMessageProp({
               actionHandlers,
               defaultHandler: payload.defaultHandler,
@@ -692,6 +706,7 @@ const MessageWithContext = <
               event: payload.event,
               message,
             });
+          }
         }
       : null,
     otherAttachments: attachments.other,
@@ -705,7 +720,9 @@ const MessageWithContext = <
     videos: attachments.videos,
   });
 
-  if (!(isMessageTypeDeleted || messageContentOrder.length)) return null;
+  if (!(isMessageTypeDeleted || messageContentOrder.length)) {
+    return null;
+  }
 
   return (
     <MessageProvider value={messageContext}>
@@ -777,10 +794,14 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
-  if (!membersEqual) return false;
+  if (!membersEqual) {
+    return false;
+  }
 
   const repliesEqual = prevMessage.reply_count === nextMessage.reply_count;
-  if (!repliesEqual) return false;
+  if (!repliesEqual) {
+    return false;
+  }
 
   const lastReceivedIdChangedAndMatters =
     prevLastReceivedId !== nextLastReceivedId &&
@@ -789,16 +810,22 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
       nextLastReceivedId === prevMessage.id ||
       nextLastReceivedId === nextMessage.id);
 
-  if (lastReceivedIdChangedAndMatters) return false;
+  if (lastReceivedIdChangedAndMatters) {
+    return false;
+  }
 
   const goToMessageChangedAndMatters =
     nextMessage.quoted_message_id && prevGoToMessage !== nextGoToMessage;
 
-  if (goToMessageChangedAndMatters) return false;
+  if (goToMessageChangedAndMatters) {
+    return false;
+  }
 
   const groupStylesEqual =
     prevGroupStyles.length === nextGroupStyles.length && prevGroupStyles[0] === nextGroupStyles[0];
-  if (!groupStylesEqual) return false;
+  if (!groupStylesEqual) {
+    return false;
+  }
 
   const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
   const isNextMessageTypeDeleted = nextMessage.type === 'deleted';
@@ -814,7 +841,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     `${prevMessage?.updated_at}` === `${nextMessage?.updated_at}` &&
     prevMessage.i18n === nextMessage.i18n;
 
-  if (!messageEqual) return false;
+  if (!messageEqual) {
+    return false;
+  }
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';
   const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';
@@ -823,10 +852,14 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&
     isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;
 
-  if (!quotedMessageEqual) return false;
+  if (!quotedMessageEqual) {
+    return false;
+  }
 
   const messageUserBannedEqual = prevMessage.user?.banned === nextMessage.user?.banned;
-  if (!messageUserBannedEqual) return false;
+  if (!messageUserBannedEqual) {
+    return false;
+  }
 
   const prevMessageAttachments = prevMessage.attachments;
   const nextMessageAttachments = nextMessage.attachments;
@@ -841,15 +874,18 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
               attachment.thumb_url === nextMessageAttachments[index].thumb_url
             : attachment.type === nextMessageAttachments[index].type;
 
-        if (isAttachmentEqual)
+        if (isAttachmentEqual) {
           return (
             attachmentKeysEqual && !!isAttachmentEqual(attachment, nextMessageAttachments[index])
           );
+        }
 
         return attachmentKeysEqual;
       })) ||
     prevMessageAttachments === nextMessageAttachments;
-  if (!attachmentsEqual) return false;
+  if (!attachmentsEqual) {
+    return false;
+  }
 
   const latestReactionsEqual =
     Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)
@@ -858,28 +894,40 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
           ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,
         )
       : prevMessage.latest_reactions === nextMessage.latest_reactions;
-  if (!latestReactionsEqual) return false;
+  if (!latestReactionsEqual) {
+    return false;
+  }
 
   const mutedUserSame =
     prevMutedUsers.length === nextMutedUsers.length ||
     prevMutedUsers.some((mutedUser) => mutedUser.target.id === prevMessage.user?.id) ===
       nextMutedUsers.some((mutedUser) => mutedUser.target.id === nextMessage.user?.id);
-  if (!mutedUserSame) return false;
+  if (!mutedUserSame) {
+    return false;
+  }
 
   const showUnreadUnderlayEqual = prevShowUnreadUnderlay === nextShowUnreadUnderlay;
-  if (!showUnreadUnderlayEqual) return false;
+  if (!showUnreadUnderlayEqual) {
+    return false;
+  }
 
   const tEqual = prevT === nextT;
-  if (!tEqual) return false;
+  if (!tEqual) {
+    return false;
+  }
 
   const targetedMessageEqual = prevIsTargetedMessage === nextIsTargetedMessage;
-  if (!targetedMessageEqual) return false;
+  if (!targetedMessageEqual) {
+    return false;
+  }
 
   const prevMyMessageTheme = JSON.stringify(prevMessagesContext?.myMessageTheme);
   const nextMyMessageTheme = JSON.stringify(nextMessagesContext?.myMessageTheme);
 
   const messageThemeEqual = prevMyMessageTheme === nextMyMessageTheme;
-  if (!messageThemeEqual) return false;
+  if (!messageThemeEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageAvatar.tsx

@@ -64,13 +64,17 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const { lastGroupMessage: nextLastGroupMessage, message: nextMessage } = nextProps;
 
   const lastGroupMessageEqual = prevLastGroupMessage === nextLastGroupMessage;
-  if (!lastGroupMessageEqual) return false;
+  if (!lastGroupMessageEqual) {
+    return false;
+  }
 
   const userEqual =
     prevMessage.user?.image === nextMessage.user?.image &&
     prevMessage.user?.name === nextMessage.user?.name &&
     prevMessage.user?.id === nextMessage.user?.id;
-  if (!userEqual) return false;
+  if (!userEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageBounce.tsx

@@ -81,7 +81,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.cid === nextMessage.cid &&
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text;
-  if (!messageEqual) return false;
+  if (!messageEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -374,20 +374,28 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 
   const goToMessageChangedAndMatters =
     nextMessage.quoted_message_id && prevGoToMessage !== nextGoToMessage;
-  if (goToMessageChangedAndMatters) return false;
+  if (goToMessageChangedAndMatters) {
+    return false;
+  }
 
   const isEditedMessageOpenEqual = prevIsEditedMessageOpen === nextIsEditedMessageOpen;
-  if (!isEditedMessageOpenEqual) return false;
+  if (!isEditedMessageOpenEqual) {
+    return false;
+  }
 
   const otherAttachmentsEqual =
     prevOtherAttachments.length === nextOtherAttachments.length &&
     prevOtherAttachments?.[0]?.actions?.length === nextOtherAttachments?.[0]?.actions?.length;
-  if (!otherAttachmentsEqual) return false;
+  if (!otherAttachmentsEqual) {
+    return false;
+  }
 
   const groupStylesEqual =
     prevGroupStyles.length === nextGroupStyles.length &&
     prevGroupStyles?.[0] === nextGroupStyles?.[0];
-  if (!groupStylesEqual) return false;
+  if (!groupStylesEqual) {
+    return false;
+  }
 
   const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
   const isNextMessageTypeDeleted = nextMessage.type === 'deleted';
@@ -400,7 +408,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned &&
     prevMessage.i18n === nextMessage.i18n;
-  if (!messageEqual) return false;
+  if (!messageEqual) {
+    return false;
+  }
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';
   const isNextQuotedMessageTypeDeleted = nextMessage.quoted_message?.type === 'deleted';
@@ -408,7 +418,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const quotedMessageEqual =
     prevMessage.quoted_message?.id === nextMessage.quoted_message?.id &&
     isPrevQuotedMessageTypeDeleted === isNextQuotedMessageTypeDeleted;
-  if (!quotedMessageEqual) return false;
+  if (!quotedMessageEqual) {
+    return false;
+  }
 
   const prevMessageAttachments = prevMessage.attachments;
   const nextMessageAttachments = nextMessage.attachments;
@@ -422,15 +434,18 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
             attachment.thumb_url === nextMessageAttachments[index].thumb_url &&
             attachment.type === nextMessageAttachments[index].type;
 
-          if (isAttachmentEqual)
+          if (isAttachmentEqual) {
             return (
               attachmentKeysEqual && !!isAttachmentEqual(attachment, nextMessageAttachments[index])
             );
+          }
 
           return attachmentKeysEqual;
         })
       : prevMessageAttachments === nextMessageAttachments;
-  if (!attachmentsEqual) return false;
+  if (!attachmentsEqual) {
+    return false;
+  }
 
   const latestReactionsEqual =
     Array.isArray(prevMessage.latest_reactions) && Array.isArray(nextMessage.latest_reactions)
@@ -439,21 +454,29 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
           ({ type }, index) => type === nextMessage.latest_reactions?.[index].type,
         )
       : prevMessage.latest_reactions === nextMessage.latest_reactions;
-  if (!latestReactionsEqual) return false;
+  if (!latestReactionsEqual) {
+    return false;
+  }
 
   const messageContentOrderEqual =
     prevMessageContentOrder.length === nextMessageContentOrder.length &&
     prevMessageContentOrder.every(
       (messageContentType, index) => messageContentType === nextMessageContentOrder[index],
     );
-  if (!messageContentOrderEqual) return false;
+  if (!messageContentOrderEqual) {
+    return false;
+  }
 
   const tEqual = prevT === nextT;
-  if (!tEqual) return false;
+  if (!tEqual) {
+    return false;
+  }
 
   const messageThemeEqual =
     JSON.stringify(prevMyMessageTheme) === JSON.stringify(nextMyMessageTheme);
-  if (!messageThemeEqual) return false;
+  if (!messageThemeEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageDeleted.tsx

@@ -114,7 +114,9 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const { alignment: nextAlignment, date: nextDate, message: nextMessage } = nextProps;
 
   const alignmentEqual = prevAlignment === nextAlignment;
-  if (!alignmentEqual) return false;
+  if (!alignmentEqual) {
+    return false;
+  }
   const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
   const isNextMessageTypeDeleted = nextMessage.type === 'deleted';
 
@@ -125,10 +127,14 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned;
-  if (!messageEqual) return false;
+  if (!messageEqual) {
+    return false;
+  }
 
   const dateEqual = prevDate === nextDate;
-  if (!dateEqual) return false;
+  if (!dateEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageFooter.tsx

@@ -205,20 +205,30 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const alignmentEqual = prevAlignment === nextAlignment;
-  if (!alignmentEqual) return false;
+  if (!alignmentEqual) {
+    return false;
+  }
 
   const isEditedMessageOpenEqual = prevIsEditedMessageOpen === nextIsEditedMessageOpen;
-  if (!isEditedMessageOpenEqual) return false;
+  if (!isEditedMessageOpenEqual) {
+    return false;
+  }
 
   const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
-  if (!membersEqual) return false;
+  if (!membersEqual) {
+    return false;
+  }
 
   const lastGroupMessageEqual = prevLastGroupMessage === nextLastGroupMessage;
-  if (!lastGroupMessageEqual) return false;
+  if (!lastGroupMessageEqual) {
+    return false;
+  }
 
   const deletedMessagesVisibilityTypeEqual =
     prevProps.deletedMessagesVisibilityType === nextProps.deletedMessagesVisibilityType;
-  if (!deletedMessagesVisibilityTypeEqual) return false;
+  if (!deletedMessagesVisibilityTypeEqual) {
+    return false;
+  }
 
   const isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
   const isNextMessageTypeDeleted = nextMessage.type === 'deleted';
@@ -230,21 +240,31 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned;
-  if (!messageEqual) return false;
+  if (!messageEqual) {
+    return false;
+  }
 
   const otherAttachmentsEqual =
     prevOtherAttachments.length === nextOtherAttachments.length &&
     prevOtherAttachments?.[0]?.actions?.length === nextOtherAttachments?.[0]?.actions?.length;
-  if (!otherAttachmentsEqual) return false;
+  if (!otherAttachmentsEqual) {
+    return false;
+  }
 
   const showMessageStatusEqual = prevShowMessageStatus === nextShowMessageStatus;
-  if (!showMessageStatusEqual) return false;
+  if (!showMessageStatusEqual) {
+    return false;
+  }
 
   const dateEqual = prevDate === nextDate;
-  if (!dateEqual) return false;
+  if (!dateEqual) {
+    return false;
+  }
 
   const formattedDateEqual = prevFormattedDate === nextFormattedDate;
-  if (!formattedDateEqual) return false;
+  if (!formattedDateEqual) {
+    return false;
+  }
 
   return true;
 };

package/src/components/Message/MessageSimple/MessageReplies.tsx

@@ -96,7 +96,9 @@ const MessageRepliesWithContext = <
     },
   } = useTheme();
 
-  if (threadList || !message.reply_count) return null;
+  if (threadList || !message.reply_count) {
+    return null;
+  }
 
   return (
     <View style={styles.curveContainer}>
@@ -195,22 +197,34 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const threadListEqual = prevThreadList === nextThreadList;
-  if (!threadListEqual) return false;
+  if (!threadListEqual) {
+    return false;
+  }
 
   const messageReplyCountEqual = prevMessage.reply_count === nextMessage.reply_count;
-  if (!messageReplyCountEqual) return false;
+  if (!messageReplyCountEqual) {
+    return false;
+  }
 
   const noBorderEqual = prevNoBorder === nextNoBorder;
-  if (!noBorderEqual) return false;
+  if (!noBorderEqual) {
+    return false;
+  }
 
   const repliesCurveColorEqual = prevRepliesCurveColor === nextRepliesCurveColor;
-  if (!repliesCurveColorEqual) return false;
+  if (!repliesCurveColorEqual) {
+    return false;
+  }
 
   const tEqual = prevT === nextT;
-  if (!tEqual) return false;
+  if (!tEqual) {
+    return false;
+  }
 
   const onOpenThreadEqual = prevOnOpenThread === nextOnOpenThread;
-  if (!onOpenThreadEqual) return false;
+  if (!onOpenThreadEqual) {
+    return false;
+  }
 
   return true;
 };