Chats: sort messages properly

app/soapbox/features/chats/components/chat_message_list.js

@@ -12,7 +12,7 @@ const mapStateToProps = (state, { chatMessageIds }) => ({
   chatMessages: chatMessageIds.reduce((acc, curr) => {
     const chatMessage = state.getIn(['chat_messages', curr]);
     return chatMessage ? acc.push(chatMessage) : acc;
-  }, ImmutableList()),
+  }, ImmutableList()).sort(),
 });
 
 export default @connect(mapStateToProps)

app/soapbox/reducers/chat_message_lists.js

@@ -28,7 +28,7 @@ export default function chatMessageLists(state = initialState, action) {
   case CHAT_MESSAGES_IMPORT:
     return importMessages(state, action.chatMessages);
   case CHAT_MESSAGES_FETCH_SUCCESS:
-    return updateList(state, action.chatId, action.data.map(chat => chat.id));
+    return updateList(state, action.chatId, action.data.map(chat => chat.id).reverse());
   case CHAT_MESSAGE_SEND_SUCCESS:
     return updateList(state, action.chatId, [action.data.id]);
   default: