Adds style and tag information on 'No Mails available' message.

- Issue #503

1 files changed, 4 insertions, 4 deletions

diff --git a/web-ui/app/js/dispatchers/middle_pane_dispatcher.js b/web-ui/app/js/dispatchers/middle_pane_dispatcher.js
index 59263af2..7a53b769 100644
--- a/web-ui/app/js/dispatchers/middle_pane_dispatcher.js
+++ b/web-ui/app/js/dispatchers/middle_pane_dispatcher.js
@@ -29,8 +29,8 @@ define(['flight/lib/component', 'page/events', 'helpers/triggering', 'mail_view/
       return child_div;
     };
 
-    this.resetChildDiv = function() {
-      this.select('middlePane').empty();
+    this.resetChildDiv = function(component_id) {
+      $('#' + component_id).remove();
     };
 
     this.refreshMailList =  function (ev, data) {
@@ -52,12 +52,12 @@ define(['flight/lib/component', 'page/events', 'helpers/triggering', 'mail_view/
     };
 
     this.onMailsChange = function (ev, data) {
+      this.resetChildDiv(this.attr.noMailsAvailablePane);
       if (data.mails.length > 0) {
         NoMailsAvailablePane.teardownAll();
-        this.resetChildDiv();
       } else {
         var child_div = this.createChildDiv(this.attr.noMailsAvailablePane);
-        NoMailsAvailablePane.attachTo(child_div);
+        NoMailsAvailablePane.attachTo(child_div, {tag: data.tag});
       }
     };