ui: fix messages sort

packages/ui-default/components/messagepad/MessagePadDialogueContentContainer.jsx

@@ -67,7 +67,9 @@ export default connect(mapStateToProps)(class MessagePadDialogueContentContainer
 
   renderInner() {
     if (this.props.activeId === null) return [];
-    return this.props.item.messages.map((msg) => (
+    const sorted = this.props.item.messages
+      .sort((msg1, msg2) => parseMongoId(msg1._id).timestamp - parseMongoId(msg2._id).timestamp);
+    return sorted.map((msg) => (
       <Message
         key={msg._id}
         isSelf={msg.from === UserContext._id}

packages/ui-default/components/messagepad/MessagePadDialogueListContainer.jsx

@@ -39,11 +39,10 @@ export default connect(mapStateToProps, mapDispatchToProps)(class MessagePadDial
           <ListItem
             key={dialogue._id}
             userName={dialogue.udoc.uname}
-            // eslint-disable-next-line no-nested-ternary
-            summary={_.last(dialogue.messages)
-              ? (_.last(dialogue.messages).flag & 4)
+            summary={dialogue.messages.length
+              ? (_.maxBy(dialogue.messages, '_id').flag & 4)
                 ? i18n('[Richtext message]')
-                : _.last(dialogue.messages).content
+                : _.maxBy(dialogue.messages, '_id').content
               : ''}
             faceUrl={dialogue.udoc.avatarUrl}
             active={dialogue._id === this.props.activeId}