ff-stream-web

git clone git://archive.git.mtrnord.blog/MTRNord/ff-stream-web.git
Log | Files | Refs | README | LICENSE

commit fd2845f277683eb7cc1415f6ebaee04b625ca86b
parent 16441de1acca5b4cf449090f361067739d543bc7
Author: Vladimir Kutepov <frenzzy.man@gmail.com>
Date:   Mon, 26 Sep 2016 23:05:06 +0400

Remove unused withViewport higher order component (#882)


Diffstat:
Mpackage.json | 1-
Dsrc/components/withViewport.js | 66------------------------------------------------------------------
2 files changed, 0 insertions(+), 67 deletions(-)

diff --git a/package.json b/package.json @@ -12,7 +12,6 @@ "classnames": "2.2.5", "cookie-parser": "1.4.3", "core-js": "2.4.1", - "eventemitter3": "2.0.0", "express": "4.14.0", "express-graphql": "0.5.4", "express-jwt": "5.0.0", diff --git a/src/components/withViewport.js b/src/components/withViewport.js @@ -1,66 +0,0 @@ -/** - * React Starter Kit (https://www.reactstarterkit.com/) - * - * Copyright © 2014-2016 Kriasoft, LLC. All rights reserved. - * - * This source code is licensed under the MIT license found in the - * LICENSE.txt file in the root directory of this source tree. - */ - -import React, { Component } from 'react'; -import EventEmitter from 'eventemitter3'; -import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment'; - -let EE; -let viewport = { width: 1366, height: 768 }; // Default size for server-side rendering -const RESIZE_EVENT = 'resize'; - -function handleWindowResize() { - if (viewport.width !== window.innerWidth || viewport.height !== window.innerHeight) { - viewport = { width: window.innerWidth, height: window.innerHeight }; - EE.emit(RESIZE_EVENT, viewport); - } -} - -function withViewport(ComposedComponent) { - return class WithViewport extends Component { - - constructor() { - super(); - - this.state = { - viewport: canUseDOM ? { width: window.innerWidth, height: window.innerHeight } : viewport, - }; - } - - componentDidMount() { - if (!EE) { - EE = new EventEmitter(); - window.addEventListener('resize', handleWindowResize); - window.addEventListener('orientationchange', handleWindowResize); - } - - EE.on(RESIZE_EVENT, this.handleResize, this); - } - - componentWillUnmount() { - EE.removeListener(RESIZE_EVENT, this.handleResize, this); - if (!EE.listeners(RESIZE_EVENT, true)) { - window.removeEventListener('resize', handleWindowResize); - window.removeEventListener('orientationchange', handleWindowResize); - EE = null; - } - } - - render() { - return <ComposedComponent {...this.props} viewport={this.state.viewport} />; - } - - handleResize(value) { - this.setState({ viewport: value }); - } - - }; -} - -export default withViewport;