eslint implementation

Author: shorttompkins

.eslintrc

@@ -12,7 +12,9 @@
         "semi": [
             2,
             "always"
-        ]
+        ],
+        "react/prop-types": 1,
+        "react/no-multi-comp": 1
     },
     "env": {
         "es6": true,

client/js/components/app.js

@@ -17,7 +17,7 @@ var App = React.createClass({
           <Location path="/item/:item" handler={CatalogDetail} />
         </Locations>
       </Template>
-    )
+    );
   }
 });
 

client/js/components/cart/cart.js

@@ -29,7 +29,7 @@ var Cart = React.createClass({
           </td>
           <td>${subtotal}</td>
         </tr>
-      )
+      );
     });
 
     return (
@@ -47,7 +47,7 @@ var Cart = React.createClass({
         </table>
         <Link href="/">Continue Shopping</Link>
       </div>
-    )
+    );
   }
 });
 

client/js/components/cart/decreaseitem.js

@@ -2,15 +2,14 @@ var React = require('React'),
     AppActions = require('../../actions/actions');
 
 var DecreaseItem = React.createClass({
+  propTypes: {
+    index: React.PropTypes.number
+  },
   handler: function() {
     AppActions.decreaseItem(this.props.index);
   },
   render: function() {
-    return (
-        <button onClick={ this.handler }>
-          -
-        </button>
-      )
+    return <button onClick={ this.handler }>-</button>;
   }
 });
 

client/js/components/cart/increaseitem.js

@@ -2,15 +2,14 @@ var React = require('React'),
     AppActions = require('../../actions/actions');
 
 var IncreaseItem = React.createClass({
+  propTypes: {
+    index: React.PropTypes.number
+  },
   handler: function() {
     AppActions.increaseItem(this.props.index);
   },
   render: function() {
-    return (
-        <button onClick={ this.handler }>
-          +
-        </button>
-      )
+    return <button onClick={ this.handler }>+</button>;
   }
 });
 

client/js/components/cart/removefromcart.js

@@ -2,15 +2,14 @@ var React = require('React'),
     AppActions = require('../../actions/actions');
 
 var RemmoveFromCart = React.createClass({
+  propTypes: {
+    index: React.PropTypes.number
+  },
   handler: function() {
     AppActions.removeItem(this.props.index);
   },
   render: function() {
-    return (
-        <button onClick={ this.handler }>
-          x
-        </button>
-      )
+    return <button onClick={ this.handler }>x</button>;
   }
 });
 

client/js/components/catalog/addtocart.js

@@ -2,15 +2,18 @@ var React = require('React'),
     AppActions = require('../../actions/actions');
 
 var AddToCart = React.createClass({
+  propTypes: {
+    item: React.PropTypes.object
+  },
   handler: function() {
     AppActions.addItem(this.props.item);
   },
   render: function() {
     return (
-        <button onClick={ this.handler }>
-          Add To Cart
-        </button>
-      )
+      <button onClick={ this.handler }>
+        Add To Cart
+      </button>
+    );
   }
 });
 

client/js/components/catalog/catalog.js

@@ -19,13 +19,13 @@ var Catalog = React.createClass({
           <td>${item.cost}</td>
           <td><AddToCart item={item} /></td>
         </tr>
-      )
+      );
     });
     return (
       <table width="100%">
         {items}
       </table>
-    )
+    );
   }
 });
 

client/js/components/layout/header.js

@@ -10,7 +10,7 @@ var Header = React.createClass({
           View Shopping Cart
         </Link>
       </div>
-    )
+    );
   }
 });
 

client/js/components/layout/template.js

@@ -2,13 +2,16 @@ var React = require('react'),
     Header = require('./header');
 
 var Template = React.createClass({
+  propTypes: {
+    children: React.PropTypes.array
+  },
   render: function() {
     return (
       <div>
         <Header />
         {this.props.children}
       </div>
-    )
+    );
   }
 });
 

client/js/stores/store.js

@@ -91,18 +91,18 @@ var AppStore = assign(EventEmitter.prototype, {
     var action = payload.action;
 
     switch(action.actionType) {
-      case AppConstants.ADD_ITEM:
-        _addItem(action.item);
-        break;
-      case AppConstants.REMOVE_ITEM:
-        _removeItem(action.index);
-        break;
-      case AppConstants.INCREASE_ITEM:
-        _increaseItem(action.index);
-        break;
-      case AppConstants.DECREASE_ITEM:
-        _decreaseItem(action.index);
-        break;
+    case AppConstants.ADD_ITEM:
+      _addItem(action.item);
+      break;
+    case AppConstants.REMOVE_ITEM:
+      _removeItem(action.index);
+      break;
+    case AppConstants.INCREASE_ITEM:
+      _increaseItem(action.index);
+      break;
+    case AppConstants.DECREASE_ITEM:
+      _decreaseItem(action.index);
+      break;
     }
 
     AppStore.emitChange();