Update to Eslint@3

package.json

@@ -34,9 +34,10 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "eslint": "^2.13.1",
-    "eslint-config-finn": "1.0.0-alpha.8",
-    "eslint-plugin-react": "^4.3.0",
+    "eslint": "^3.4.0",
+    "eslint-config-finn": "1.0.0-alpha.9",
+    "eslint-config-finn-react": "^1.0.0-alpha.2",
+    "eslint-plugin-react": "^6.2.0",
     "lerna": "2.0.0-beta.20",
     "nsp": "^2.3.2"
   }

packages/unleash-frontend/public/.eslintrc

@@ -2,7 +2,7 @@
     "extends": [
         "finn",
         "finn/es6",
-        "finn/react"
+        "finn-react"
     ],
     "env": {
         "browser": true,

packages/unleash-frontend/public/js/components/ErrorMessages.ui.jsx

@@ -17,8 +17,7 @@ const ErrorMessages = React.createClass({
                             <div className="media centerify">
                                 <div className="imgExt">
                                     <a onClick={this.props.onClearErrors}
-                                        className="icon-kryss1 linkblock sharp">
-                                    </a>
+                                        className="icon-kryss1 linkblock sharp" />
                                 </div>
                                 <div className="bd">
                                     <ul>{errorNodes}</ul>

packages/unleash-frontend/public/js/components/feature/ArchiveFeatureComponent.jsx

@@ -17,7 +17,7 @@ const ArchiveFeatureComponent = React.createClass({
                     <thead>
                         <tr>
                             <th>Name</th>
-                            <th></th>
+                            <th />
                         </tr>
                     </thead>
                     <tbody>
@@ -37,7 +37,7 @@ const ArchiveFeatureComponent = React.createClass({
             </td>
             <td className="rightify" width="150">
                 <button onClick={this.onRevive.bind(this, f)} title="Revive feature toggle">
-                    <span className="icon-svar"></span>
+                    <span className="icon-svar" />
                 </button>
             </td>
         </tr>);

packages/unleash-frontend/public/js/components/feature/Feature.jsx

@@ -59,8 +59,7 @@ const Feature = React.createClass({
                 <tr className={this.state.editMode ? 'edit bg-lilac-xlt' : ''}>
                     <td width="20">
                         <span className=
-                        {this.props.feature.enabled ? 'toggle-active' : 'toggle-inactive'} title="Status">
-                        </span>
+                        {this.props.feature.enabled ? 'toggle-active' : 'toggle-inactive'} title="Status" />
                     </td>
                     <td>
                         {this.props.feature.name} <br />

packages/unleash-frontend/public/js/components/feature/FeatureList.jsx

@@ -51,10 +51,10 @@ const FeatureList = React.createClass({
                 <table className="outerborder man">
                     <thead>
                         <tr>
-                            <th></th>
+                            <th />
                             <th>Name</th>
                             <th className="hide-lt480">Strategy</th>
-                            <th></th>
+                            <th />
                         </tr>
                     </thead>
                     <tbody>

packages/unleash-frontend/public/js/components/log/LogEntryList.jsx

@@ -25,8 +25,7 @@ const LogEntryList = React.createClass({
                         type="checkbox"
                         className="mlm"
                         value={this.state.fullEvents}
-                        onChange={this.toggleFullEvents}>
-                    </input>
+                        onChange={this.toggleFullEvents} />
                 </label>
 
                 <table className="outerborder zebra-striped">