Change styling according to eslint rules

hurley87 · Apr 7, 2016 · 023acb0 · 023acb0
1 parent 33e0a85
commit 023acb0
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 15 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -2,6 +2,7 @@
   "extends": "airbnb",
   "rules": {
     "react/jsx-no-bind": 0,
+    "react/prefer-stateless-function": 0,
     "arrow-body-style": 0,
     "prefer-arrow-callback": 0,
     "func-names": 0

diff --git a/dist/client/ui/layout.js b/dist/client/ui/layout.js
@@ -102,15 +102,22 @@ var Layout = function (_React$Component) {
         { style: rootStyles },
         _react2.default.createElement(
           _reactSplitPane2.default,
-          { split: 'vertical', minSize: 250, resizerChildren: vsplit, onDragStarted: onDragStart, onDragFinished: onDragEnd },
+          {
+            split: 'vertical', minSize: 250, resizerChildren: vsplit,
+            onDragStarted: onDragStart, onDragFinished: onDragEnd
+          },
           _react2.default.createElement(
             'div',
             { style: controlsStyle },
             controls
           ),
           _react2.default.createElement(
             _reactSplitPane2.default,
-            { split: 'horizontal', primary: 'second', minSize: 100, defaultSize: 200, resizerChildren: hsplit, onDragStarted: onDragStart, onDragFinished: onDragEnd },
+            {
+              split: 'horizontal', primary: 'second', minSize: 100,
+              defaultSize: 200, resizerChildren: hsplit,
+              onDragStarted: onDragStart, onDragFinished: onDragEnd
+            },
             _react2.default.createElement(
               'div',
               { style: previewStyle },

diff --git a/src/client/ui/layout.js b/src/client/ui/layout.js
@@ -48,18 +48,25 @@ class Layout extends React.Component {
 
     return (
       <div style={rootStyles}>
-        <SplitPane split="vertical" minSize={250} resizerChildren={vsplit} onDragStarted={onDragStart} onDragFinished={onDragEnd}>
-            <div style={controlsStyle}>
-              {controls}
+        <SplitPane
+          split="vertical" minSize={250} resizerChildren={vsplit}
+          onDragStarted={onDragStart} onDragFinished={onDragEnd}
+        >
+          <div style={controlsStyle}>
+            {controls}
+          </div>
+          <SplitPane
+            split="horizontal" primary="second" minSize={100}
+            defaultSize={200} resizerChildren={hsplit}
+            onDragStarted={onDragStart} onDragFinished={onDragEnd}
+          >
+            <div style={previewStyle}>
+              {preview}
             </div>
-            <SplitPane split="horizontal" primary="second" minSize={100} defaultSize={200} resizerChildren={hsplit} onDragStarted={onDragStart} onDragFinished={onDragEnd}>
-              <div style={previewStyle}>
-                {preview}
-              </div>
-              <div style={actionStyle}>
-                {actionLogger}
-              </div>
-            </SplitPane>
+            <div style={actionStyle}>
+              {actionLogger}
+            </div>
+          </SplitPane>
         </SplitPane>
       </div>
     );

diff --git a/src/client/ui/layout_hsplit.js b/src/client/ui/layout_hsplit.js
@@ -1,4 +1,4 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
 
 class HSplit extends Component {
   constructor(...args) {

diff --git a/src/client/ui/layout_vsplit.js b/src/client/ui/layout_vsplit.js
@@ -1,4 +1,4 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
 
 class VSplit extends Component {
   constructor(...args) {