Added handlers for the sidebar to update unread message indicators on page resize

1 files changed, 7 insertions, 0 deletions

diff --git a/web/react/components/sidebar.jsx b/web/react/components/sidebar.jsx
index 5ce9e5d02..fe73cbcf7 100644
--- a/web/react/components/sidebar.jsx
+++ b/web/react/components/sidebar.jsx
@@ -133,12 +133,16 @@ module.exports = React.createClass({
 
         this.updateTitle();
         this.updateUnreadIndicators();
+
+        $(window).on('resize', this.onResize);
     },
     componentDidUpdate: function() {
         this.updateTitle();
         this.updateUnreadIndicators();
     },
     componentWillUnmount: function() {
+        $(window).off('resize', this.onResize);
+
         ChannelStore.removeChangeListener(this.onChange);
         UserStore.removeChangeListener(this.onChange);
         UserStore.removeStatusesChangeListener(this.onChange);
@@ -246,6 +250,9 @@ module.exports = React.createClass({
     onScroll: function(e) {
         this.updateUnreadIndicators();
     },
+    onResize: function(e) {
+        this.updateUnreadIndicators();
+    },
     updateUnreadIndicators: function() {
         var container = $(this.refs.container.getDOMNode());