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:
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;