stream-chat-react-native-core 5.27.0-beta.6 → 5.27.0-beta.7

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

@@ -758,7 +758,9 @@ 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: {
@@ -771,7 +773,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1078,
+        lineNumber: 1082,
         columnNumber: 9
       }
     }));
@@ -782,14 +784,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1086,
+        lineNumber: 1090,
         columnNumber: 7
       }
     }, _react["default"].createElement(FooterComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1087,
+        lineNumber: 1091,
         columnNumber: 9
       }
     }));
@@ -800,38 +802,18 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1095,
+        lineNumber: 1099,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderComponent, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1096,
+        lineNumber: 1100,
         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 +821,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1114,
+        lineNumber: 1108,
         columnNumber: 30
       }
     });
@@ -848,7 +830,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1115,
+        lineNumber: 1109,
         columnNumber: 46
       }
     });
@@ -861,6 +843,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: 1128,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(LoadingIndicator, {
+      listType: "message",
+      __self: _this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 1129,
+        columnNumber: 9
+      }
+    }));
+  }
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: white_snow
@@ -869,7 +873,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1131,
+      lineNumber: 1135,
       columnNumber: 5
     }
   }, _react["default"].createElement(FlatList, (0, _extends2["default"])({
@@ -906,7 +910,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1135,
+      lineNumber: 1139,
       columnNumber: 7
     }
   })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
@@ -914,28 +918,28 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1186,
+      lineNumber: 1190,
       columnNumber: 11
     }
   }, _react["default"].createElement(StickyHeaderComponent, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1187,
+      lineNumber: 1191,
       columnNumber: 13
     }
   })), !disableTypingIndicator && TypingIndicator && _react["default"].createElement(TypingIndicatorContainer, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1190,
+      lineNumber: 1194,
       columnNumber: 13
     }
   }, _react["default"].createElement(TypingIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1191,
+      lineNumber: 1195,
       columnNumber: 15
     }
   })), _react["default"].createElement(ScrollToBottomButton, {
@@ -945,14 +949,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1194,
+      lineNumber: 1198,
       columnNumber: 11
     }
   })), _react["default"].createElement(NetworkDownIndicator, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1201,
+      lineNumber: 1205,
       columnNumber: 7
     }
   }));
@@ -1061,7 +1065,7 @@ var MessageList = function MessageList(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1260,
+      lineNumber: 1264,
       columnNumber: 5
     }
   }));