From 9f2019049480a54ac598f32d8bf5c239d55f061c Mon Sep 17 00:00:00 2001
From: Ray Schamp <ray@scratch.mit.edu>
Date: Wed, 16 Aug 2017 13:50:54 -0400
Subject: [PATCH] Lint
---
src/examples/player.jsx | 20 ++++++++++----------
1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/examples/player.jsx b/src/examples/player.jsx
index 9762e039f..56c7a7360 100644
--- a/src/examples/player.jsx
+++ b/src/examples/player.jsx
@@ -10,7 +10,7 @@ import Box from '../components/box/box.jsx';
import GUI from '../containers/gui.jsx';
import ProjectLoaderHOC from '../lib/project-loader-hoc.jsx';
-import styles from './player.css';
+import './player.css';
const mapStateToProps = state => ({vm: state.vm});
@@ -24,6 +24,12 @@ class Player extends React.Component {
this.handleResize = this.handleResize.bind(this);
this.state = this.getWindowSize();
}
+ componentDidMount () {
+ window.addEventListener('resize', this.handleResize);
+ }
+ componentWillUnmount () {
+ window.removeEventListener('resize', this.handleResize);
+ }
getWindowSize () {
return {
width: window.innerWidth,
@@ -33,15 +39,9 @@ class Player extends React.Component {
handleResize () {
this.setState(this.getWindowSize());
}
- componentDidMount () {
- window.addEventListener('resize', this.handleResize);
- }
- componentWillUnmount () {
- window.removeEventListener('resize', this.handleResize);
- }
render () {
let height = this.state.height - 40;
- let width = height + height/3;
+ let width = height + (height / 3);
if (width > this.state.width) {
width = this.state.width;
height = width * .75;
@@ -49,10 +49,10 @@ class Player extends React.Component {
return (
<GUI
{...this.props}
- width={width}
style={{
margin: '0 auto'
}}
+ width={width}
>
<Box height={40}>
<VMGreenFlag
@@ -68,8 +68,8 @@ class Player extends React.Component {
/>
</Box>
<VMStage
- width={width}
height={height}
+ width={width}
/>
</GUI>
);
--
GitLab