stream-chat-react-native-core 5.27.0-beta.1 → 5.27.0-beta.11

package/lib/module/components/MessageList/MessageList.js

@@ -288,7 +288,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     if (threadList || hasNoMoreRecentMessagesToLoad) {
       scrollToBottomIfNeeded();
     } else {
-      setScrollToBottomButtonVisible(true);
+      setScrollToBottomButtonVisible(false);
     }
     if (!hasNoMoreRecentMessagesToLoad && flatListRef.current && messageListLengthBeforeUpdate.current === 0 && messageListLengthAfterUpdate < 10) {
       maybeCallOnStartReached(10);
@@ -560,9 +560,10 @@ var MessageListWithContext = function MessageListWithContext(props) {
   };
   var handleScroll = function handleScroll(event) {
     var offset = event.nativeEvent.contentOffset.y;
+    var messageListHasMessages = processedMessageList.length > 0;
     var isScrollAtBottom = offset <= 150;
     var notLatestSet = channel.state.messages !== channel.state.latestMessages;
-    var showScrollToBottomButton = !threadList && notLatestSet || !isScrollAtBottom || !hasNoMoreRecentMessagesToLoad;
+    var showScrollToBottomButton = messageListHasMessages && (!threadList && notLatestSet || !isScrollAtBottom || !hasNoMoreRecentMessagesToLoad);
     setScrollToBottomButtonVisible(showScrollToBottomButton);
     var shouldMarkRead = !threadList && !notLatestSet && offset <= 0 && hasNoMoreRecentMessagesToLoad && channel.countUnread() > 0;
     if (shouldMarkRead) {
@@ -758,12 +759,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
   }
   var renderListEmptyComponent = (0, _react.useCallback)(function () {
     return _react["default"].createElement(_reactNative.View, {
-      style: [styles.flex, shouldApplyAndroidWorkaround ? styles.invertAndroid : styles.invert],
+      style: [styles.flex, {
+        backgroundColor: white_snow
+      }, shouldApplyAndroidWorkaround ? styles.invertAndroid : styles.invert],
       testID: "empty-state",
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1074,
+        lineNumber: 1076,
         columnNumber: 7
       }
     }, _react["default"].createElement(EmptyStateIndicator, {
@@ -771,7 +774,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1078,
+        lineNumber: 1084,
         columnNumber: 9
       }
     }));
@@ -782,14 +785,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1086,
+        lineNumber: 1092,
         columnNumber: 7
       }
     }, _react["default"].createElement(FooterComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1087,
+        lineNumber: 1093,
         columnNumber: 9
       }
     }));
@@ -800,38 +803,18 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1095,
+        lineNumber: 1101,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1096,
+        lineNumber: 1102,
         columnNumber: 9
       }
     }));
   }, [shouldApplyAndroidWorkaround, HeaderComponent]);
-  if (!FlatList) return null;
-  if (loading) {
-    return _react["default"].createElement(_reactNative.View, {
-      style: styles.flex,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1106,
-        columnNumber: 7
-      }
-    }, _react["default"].createElement(LoadingIndicator, {
-      listType: "message",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 1107,
-        columnNumber: 9
-      }
-    }));
-  }
   var StickyHeaderComponent = function StickyHeaderComponent() {
     if (!stickyHeaderDateString) return null;
     if (StickyHeader) return _react["default"].createElement(StickyHeader, {
@@ -839,7 +822,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1114,
+        lineNumber: 1110,
         columnNumber: 30
       }
     });
@@ -848,7 +831,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1115,
+        lineNumber: 1111,
         columnNumber: 46
       }
     });
@@ -861,6 +844,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
       rest = (0, _objectWithoutProperties2["default"])(additionalFlatListProps, _excluded);
     additionalFlatListPropsExcludingStyle = rest;
   }
+  if (!FlatList) return null;
+  if (loading) {
+    return _react["default"].createElement(_reactNative.View, {
+      style: [styles.container, {
+        backgroundColor: white_snow
+      }, container],
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 1130,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(LoadingIndicator, {
+      listType: "message",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 1131,
+        columnNumber: 9
+      }
+    }));
+  }
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: white_snow
@@ -869,7 +874,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1131,
+      lineNumber: 1137,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -906,7 +911,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1135,
+      lineNumber: 1141,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -914,28 +919,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1186,
+      lineNumber: 1192,
       columnNumber: 11
     }
   }, _react["default"].createElement(StickyHeaderComponent, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1187,
+      lineNumber: 1193,
       columnNumber: 13
     }
   })), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1190,
+      lineNumber: 1196,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1191,
+      lineNumber: 1197,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -945,14 +950,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1194,
+      lineNumber: 1200,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1201,
+      lineNumber: 1207,
       columnNumber: 7
     }
   }));
@@ -1061,7 +1066,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1260,
+      lineNumber: 1266,
       columnNumber: 5
     }
   }));