diff options
author | Joram Wilander <jwawilander@gmail.com> | 2015-10-20 11:49:03 -0400 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2015-10-20 11:49:03 -0400 |
commit | 239abd88e0113ae1d74eba423d72f32157f3854c (patch) | |
tree | 62bc2de2e07fb9c9b83d209a36ea47354d8b6aab /web/react/components/create_comment.jsx | |
parent | 460a82878a93ef040d2c9a1221992ed7aa808d86 (diff) | |
parent | d3f99e821733b7c86ad297c136489678a2a9fffb (diff) | |
download | chat-239abd88e0113ae1d74eba423d72f32157f3854c.tar.gz chat-239abd88e0113ae1d74eba423d72f32157f3854c.tar.bz2 chat-239abd88e0113ae1d74eba423d72f32157f3854c.zip |
Merge pull request #1084 from apaatsio/handle-window-resize-properly
Handle window resize in React way
Diffstat (limited to 'web/react/components/create_comment.jsx')
-rw-r--r-- | web/react/components/create_comment.jsx | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/web/react/components/create_comment.jsx b/web/react/components/create_comment.jsx index 2df3dc40f..12d1af6ff 100644 --- a/web/react/components/create_comment.jsx +++ b/web/react/components/create_comment.jsx @@ -32,6 +32,7 @@ export default class CreateComment extends React.Component { this.removePreview = this.removePreview.bind(this); this.handleSubmit = this.handleSubmit.bind(this); this.getFileCount = this.getFileCount.bind(this); + this.handleResize = this.handleResize.bind(this); PostStore.clearCommentDraftUploads(); @@ -40,13 +41,23 @@ export default class CreateComment extends React.Component { messageText: draft.message, uploadsInProgress: draft.uploadsInProgress, previews: draft.previews, - submitting: false + submitting: false, + windowWidth: Utils.windowWidth() }; } + componentDidMount() { + window.addEventListener('resize', this.handleResize); + } + componentWillUnmount() { + window.removeEventListener('resize', this.handleResize); + } + handleResize() { + this.setState({windowWidth: Utils.windowWidth()}); + } componentDidUpdate(prevProps, prevState) { if (prevState.uploadsInProgress < this.state.uploadsInProgress) { $('.post-right__scroll').scrollTop($('.post-right__scroll')[0].scrollHeight); - if ($(window).width() > 768) { + if (this.state.windowWidth > 768) { $('.post-right__scroll').perfectScrollbar('update'); } } |