Fetch group contacts before fetching new messages

Messages must wait for sender info to arrive before rendering.

// FREEBIE

js/models/conversations.js

@@ -174,9 +174,12 @@
     },
 
     fetchContacts: function(options) {
+        return new Promise(function(resolve) {
             if (this.isPrivate()) {
                 this.contactCollection.reset([this]);
+                resolve();
             } else {
+                var promises = [];
                 var members = this.get('members') || [];
                 this.contactCollection.reset(
                     members.map(function(number) {
@@ -184,11 +187,15 @@
                             id   : number,
                             type : 'private'
                         });
-                    c.fetch();
+                        promises.push(new Promise(function(resolve) {
+                            c.fetch().always(resolve);
+                        }));
                         return c;
                     }.bind(this))
                 );
+                resolve(Promise.all(promises));
             }
+        }.bind(this));
     },
 
     reload: function() {

js/views/inbox_view.js

@@ -54,7 +54,6 @@
                         appWindow: this.model.appWindow
                     });
                     $el = view.$el;
-                    conversation.fetchContacts();
                     if (conversation.messageCollection.length === 0) {
                         $el.find('.message-list').addClass('loading');
                     }
@@ -62,9 +61,11 @@
                 $el.prependTo(this.el);
                 $el.find('.message-list').trigger('reset-scroll');
                 $el.trigger('force-resize');
+                conversation.fetchContacts().then(function() {
                     conversation.fetchMessages().then(function() {
                         $el.find('.message-list').removeClass('loading');
                     });
+                });
                 conversation.markRead();
             }
         });