diff --git a/package/src/components/MessageList/MessageList.tsx b/package/src/components/MessageList/MessageList.tsx index c86afef95..7625b5913 100644 --- a/package/src/components/MessageList/MessageList.tsx +++ b/package/src/components/MessageList/MessageList.tsx @@ -670,6 +670,7 @@ const MessageListWithContext = < threadList={threadList} /> ); + return wrapMessageInTheme ? ( <> @@ -677,13 +678,15 @@ const MessageListWithContext = < style={[shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined]} testID={`message-list-item-${index}`} > + {shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && ( + + )} {shouldApplyAndroidWorkaround && renderDateSeperator} {renderMessage} {!shouldApplyAndroidWorkaround && renderDateSeperator} - {/* Adding indicator below the messages, since the list is inverted */} - {insertInlineUnreadIndicator && } + {!shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && } ) : ( <> @@ -691,12 +694,12 @@ const MessageListWithContext = < style={[shouldApplyAndroidWorkaround ? styles.invertAndroid : undefined]} testID={`message-list-item-${index}`} > + {shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && } {shouldApplyAndroidWorkaround && renderDateSeperator} {renderMessage} {!shouldApplyAndroidWorkaround && renderDateSeperator} - {/* Adding indicator below the messages, since the list is inverted */} - {insertInlineUnreadIndicator && } + {!shouldApplyAndroidWorkaround && insertInlineUnreadIndicator && } ); };