Merge branch 'devel' into features

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tinode-webapp",
   "description": "Tinode messenger for the web",
-  "version": "0.17.9",
+  "version": "0.17.10-rc1",
   "repository": {
     "type": "git",
     "url": "https://github.com/tinode/example-react-js.git"
@@ -68,7 +68,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-intl": "^5.20.2",
-    "tinode-sdk": "^0.17.9"
+    "tinode-sdk": "^0.17.10-rc1"
   },
   "devDependencies": {
     "@babel/core": "^7.14.5",

src/version.js

@@ -1,3 +1,3 @@
 // This is a generated file. Don't edit.
 
-export const PACKAGE_VERSION = "0.17.9";
+export const PACKAGE_VERSION = "0.17.10-rc1";

src/views/messages-view.jsx

@@ -124,7 +124,7 @@ class MessagesView extends React.Component {
   // or vertical shrinking.
   componentDidUpdate(prevProps, prevState) {
     if (this.messagesScroller) {
-      if (prevState.topic != this.state.topic || prevState.latestMsgSeq != this.state.latestMsgSeq) {
+      if (prevState.topic != this.state.topic || prevState.messageCount != this.state.messageCount) {
         // New message
         this.messagesScroller.scrollTop = this.messagesScroller.scrollHeight - this.state.scrollPosition;
       } else if (prevProps.viewportHeight > this.props.viewportHeight) {
@@ -208,7 +208,7 @@ class MessagesView extends React.Component {
     if (!nextProps.topic) {
       // Default state: no topic.
       nextState = {
-        latestMsgSeq: -1,
+        messageCount: 0,
         latestClearId: -1,
         onlineSubs: [],
         topic: null,
@@ -274,14 +274,14 @@ class MessagesView extends React.Component {
           });
         }
         Object.assign(nextState, {
-          latestMsgSeq: topic.maxMsgSeq(),
+          messageCount: topic.messageCount(),
           latestClearId: topic.maxClearId(),
           channel: topic.isChannelType()
         });
       } else {
         // Invalid topic.
         Object.assign(nextState, {
-          latestMsgSeq: -1,
+          messageCount: 0,
           latestClearId: -1,
           onlineSubs: [],
           title: '',
@@ -365,23 +365,19 @@ class MessagesView extends React.Component {
   // Get older messages
   handleScrollEvent(event) {
     this.setState({scrollPosition: event.target.scrollHeight - event.target.scrollTop});
+    if (this.state.fetchingMessages) {
+      return;
+    }
+
     if (event.target.scrollTop <= 0) {
-      this.setState((prevState, props) => {
+      const topic = this.props.tinode.getTopic(this.state.topic);
-        const newState = {};
+      if (topic && topic.isSubscribed() && topic.msgHasMoreMessages()) {
-        if (!prevState.fetchingMessages) {
+        this.setState({fetchingMessages: true}, () => {
-          const topic = this.props.tinode.getTopic(this.state.topic);
+          topic.getMessagesPage(MESSAGES_PAGE)
-          if (topic && topic.isSubscribed() && topic.msgHasMoreMessages()) {
+            .catch((err) => this.props.onError(err.message, 'err'))
-            newState.fetchingMessages = true;
+            .finally(() => this.setState({fetchingMessages: false}));
-            topic.getMessagesPage(MESSAGES_PAGE)
+          });
-              .then(() => this.setState({fetchingMessages: false}))
+      }
-              .catch((err) => {
-                this.setState({fetchingMessages: false});
-                this.props.onError(err.message, 'err');
-              });
-          }
-        }
-        return newState;
-      });
     }
   }
 
@@ -504,10 +500,10 @@ class MessagesView extends React.Component {
       return;
     }
 
-    this.setState({latestMsgSeq: topic.maxMsgSeq()});
+    this.setState({messageCount: topic.messageCount()});
 
-    // If the message is added to the end of the message list,
+    // Scroll to the bottom if the message is added to the end of the message list.
-    // scroll to the bottom.
+    // TODO: This should be replaced by showing a "scroll to bottom" button.
     if (topic.isNewMessage(msg.seq)) {
       this.setState({scrollPosition: 0});
     }

version.js

@@ -1,3 +1,3 @@
 // This is a generated file. Don't edit.
 
-const PACKAGE_VERSION = "0.17.9";
+const PACKAGE_VERSION = "0.17.10-rc1";