From 8a65601db424d5969448b06ae4e3048a7f34bd94 Mon Sep 17 00:00:00 2001 From: =Corey Hulen Date: Wed, 7 Oct 2015 09:13:42 -0700 Subject: [PATCH] Fixing resize --- web/react/components/error_bar.jsx | 41 +++++++++++++++--------------- 1 file changed, 21 insertions(+), 20 deletions(-) diff --git a/web/react/components/error_bar.jsx b/web/react/components/error_bar.jsx index 787b716bee..5aa55be93d 100644 --- a/web/react/components/error_bar.jsx +++ b/web/react/components/error_bar.jsx @@ -9,6 +9,7 @@ export default class ErrorBar extends React.Component { this.onErrorChange = this.onErrorChange.bind(this); this.handleClose = this.handleClose.bind(this); + this.resize = this.resize.bind(this); this.prevTimer = null; this.state = ErrorStore.getLastError(); @@ -45,26 +46,8 @@ export default class ErrorBar extends React.Component { return false; } - componentDidMount() { - ErrorStore.addChangeListener(this.onErrorChange); - - $(window).resize(() => { - if (this.isValidError(this.state)) { - var height = $(React.findDOMNode(this)).outerHeight(); - height = height < 30 ? 30 : height; - $('body').css('padding-top', height + 'px'); - } else { - $('body').css('padding-top', '0'); - } - }); - } - - componentWillUnmount() { - ErrorStore.removeChangeListener(this.onErrorChange); - } - - componentDidUpdate(nextProps, nextState) { - if (this.isValidError(nextState)) { + resize() { + if (this.isValidError(this.state)) { var height = $(React.findDOMNode(this)).outerHeight(); height = height < 30 ? 30 : height; $('body').css('padding-top', height + 'px'); @@ -73,6 +56,24 @@ export default class ErrorBar extends React.Component { } } + componentDidMount() { + ErrorStore.addChangeListener(this.onErrorChange); + + $(window).resize(() => { + this.resize(); + }); + + this.resize(); + } + + componentWillUnmount() { + ErrorStore.removeChangeListener(this.onErrorChange); + } + + componentDidUpdate() { + this.resize(); + } + onErrorChange() { var newState = ErrorStore.getLastError();