lint

shared/naturalcrit/splitPane/splitPane.jsx

@@ -1,99 +1,99 @@
-var React = require('react');
-var _ = require('lodash');
-var cx = require('classnames');
-
-var SplitPane = React.createClass({
-	getDefaultProps: function() {
-		return {
-			storageKey : 'naturalcrit-pane-split',
-			onDragFinish : function(){} //fires when dragging
-
-		};
-	},
-	getInitialState: function() {
-		return {
-			size : null,
-			isDragging : false
-		};
-	},
-	componentDidMount: function() {
-		var paneSize = window.localStorage.getItem(this.props.storageKey);
-		if(paneSize){
-			this.setState({
-				size : paneSize
-			})
-		}
-	},
-
-	handleUp : function(){
-		if(this.state.isDragging){
-			this.props.onDragFinish(this.state.size);
-			window.localStorage.setItem(this.props.storageKey, this.state.size);
-		}
-		this.setState({ isDragging : false });
-	},
-	handleDown : function(){
-		this.setState({ isDragging : true });
-		//this.unFocus()
-	},
-	handleMove : function(e){
-		if(!this.state.isDragging) return;
-		this.setState({
-			size : e.pageX
-		});
-	},
-/*
-	unFocus : function() {
-		if(document.selection){
-				document.selection.empty();
-		}else{
-			window.getSelection().removeAllRanges();
-		}
-	},
-*/
-	renderDivider : function(){
-		return <div className='divider' onMouseDown={this.handleDown}>
-			<div className='dots'>
-				<i className='fa fa-circle' />
-				<i className='fa fa-circle' />
-				<i className='fa fa-circle' />
-			</div>
-		</div>
-	},
-
-	render : function(){
-		return <div className='splitPane' onMouseMove={this.handleMove} onMouseUp={this.handleUp}>
-			<Pane ref='pane1' width={this.state.size}>{this.props.children[0]}</Pane>
-			{this.renderDivider()}
-			<Pane ref='pane2'>{this.props.children[1]}</Pane>
-		</div>
-	}
-});
-
-
-
-
-
-
-var Pane = React.createClass({
-	getDefaultProps: function() {
-		return {
-			width : null
-		};
-	},
-	render : function(){
-		var styles = {};
-		if(this.props.width){
-			styles = {
-				flex : 'none',
-				width : this.props.width + 'px'
-			}
-		}
-		return <div className={cx('pane', this.props.className)} style={styles}>
-			{this.props.children}
-		</div>
-	}
-});
-
-
-module.exports = SplitPane;
+const React = require('react');
+const _ = require('lodash');
+const cx = require('classnames');
+
+const SplitPane = React.createClass({
+	getDefaultProps : function() {
+		return {
+			storageKey   : 'naturalcrit-pane-split',
+			onDragFinish : function(){} //fires when dragging
+
+		};
+	},
+	getInitialState : function() {
+		return {
+			size       : null,
+			isDragging : false
+		};
+	},
+	componentDidMount : function() {
+		const paneSize = window.localStorage.getItem(this.props.storageKey);
+		if(paneSize){
+			this.setState({
+				size : paneSize
+			});
+		}
+	},
+
+	handleUp : function(){
+		if(this.state.isDragging){
+			this.props.onDragFinish(this.state.size);
+			window.localStorage.setItem(this.props.storageKey, this.state.size);
+		}
+		this.setState({ isDragging: false });
+	},
+	handleDown : function(){
+		this.setState({ isDragging: true });
+		//this.unFocus()
+	},
+	handleMove : function(e){
+		if(!this.state.isDragging) return;
+		this.setState({
+			size : e.pageX
+		});
+	},
+	/*
+	unFocus : function() {
+		if(document.selection){
+				document.selection.empty();
+		}else{
+			window.getSelection().removeAllRanges();
+		}
+	},
+*/
+	renderDivider : function(){
+		return <div className='divider' onMouseDown={this.handleDown}>
+			<div className='dots'>
+				<i className='fa fa-circle' />
+				<i className='fa fa-circle' />
+				<i className='fa fa-circle' />
+			</div>
+		</div>;
+	},
+
+	render : function(){
+		return <div className='splitPane' onMouseMove={this.handleMove} onMouseUp={this.handleUp}>
+			<Pane ref='pane1' width={this.state.size}>{this.props.children[0]}</Pane>
+			{this.renderDivider()}
+			<Pane ref='pane2'>{this.props.children[1]}</Pane>
+		</div>;
+	}
+});
+
+
+
+
+
+
+const Pane = React.createClass({
+	getDefaultProps : function() {
+		return {
+			width : null
+		};
+	},
+	render : function(){
+		let styles = {};
+		if(this.props.width){
+			styles = {
+				flex  : 'none',
+				width : `${this.props.width}px`
+			};
+		}
+		return <div className={cx('pane', this.props.className)} style={styles}>
+			{this.props.children}
+		</div>;
+	}
+});
+
+
+module.exports = SplitPane;