Applied label-has-for linting rule

client/.eslintrc

@@ -21,11 +21,9 @@
 
     "import/no-extraneous-dependencies": 0,
     "jsx-a11y/no-static-element-interactions": 0,
-    "jsx-a11y/label-has-for": 0,
     "react/jsx-filename-extension": 0,
     "react/jsx-no-target-blank": 0,
     "react/no-find-dom-node": 0,
-    "react/forbid-prop-types": 0,
     "no-mixed-operators": 0,
     "no-restricted-properties": 0,
     "class-methods-use-this": 0,

client/app/scripts/components/debug-toolbar.js

@@ -291,7 +291,7 @@ class DebugToolbar extends React.Component {
     return (
       <div className="debug-panel">
         <div>
-          <label>Add nodes </label>
+          <strong>Add nodes </strong>
           <button onClick={() => this.addNodes(1)}>+1</button>
           <button onClick={() => this.addNodes(10)}>+10</button>
           <input type="number" onChange={this.onChange} value={this.state.nodesToAdd} />
@@ -306,7 +306,7 @@ class DebugToolbar extends React.Component {
         </div>
 
         <div>
-          <label>Logging</label>
+          <strong>Logging </strong>
           <button onClick={() => enableLog('*')}>scope:*</button>
           <button onClick={() => enableLog('dispatcher')}>scope:dispatcher</button>
           <button onClick={() => enableLog('app-key-press')}>scope:app-key-press</button>
@@ -315,7 +315,7 @@ class DebugToolbar extends React.Component {
         </div>
 
         <div>
-          <label>Colors</label>
+          <strong>Colors </strong>
           <button onClick={this.toggleColors}>toggle</button>
         </div>
 
@@ -347,19 +347,19 @@ class DebugToolbar extends React.Component {
         ))}
 
         <div>
-          <label>state</label>
+          <strong>State </strong>
           <button onClick={() => this.setLoading(true)}>Set doing initial load</button>
           <button onClick={() => this.setLoading(false)}>Stop</button>
         </div>
 
         <div>
-          <label>Short-lived nodes</label>
+          <strong>Short-lived nodes </strong>
           <button onClick={() => this.setShortLived()}>Toggle short-lived nodes</button>
           <button onClick={() => this.setIntermittent()}>Toggle intermittent nodes</button>
         </div>
 
         <div>
-          <label>Measure React perf for </label>
+          <strong>Measure React perf for </strong>
           <button onClick={() => startPerf(2)}>2s</button>
           <button onClick={() => startPerf(5)}>5s</button>
           <button onClick={() => startPerf(10)}>10s</button>

client/app/scripts/components/sparkline.js

@@ -97,7 +97,7 @@ export default class Sparkline extends React.Component {
 }
 
 Sparkline.propTypes = {
-  data: React.PropTypes.array.isRequired
+  data: React.PropTypes.arrayOf(React.PropTypes.object).isRequired
 };
 
 Sparkline.defaultProps = {