update lint

Author: gnzandrs

package.json

@@ -27,11 +27,10 @@
     "babelify": "^7.2.0",
     "browser-sync": "^2.11.2",
     "browserify": "^12.0.1",
-    "eslint": "^2.7.0",
-    "eslint-plugin-react": "^4.2.3",
     "exorcist": "^0.4.0",
     "gulp": "^3.9.0",
-    "gulp-eslint": "^2.0.0",
+    "gulp-eslint": "^3.0.1",
+    "eslint-plugin-react": "^7.0.1",
     "gulp-if-else": "^1.0.3",
     "gulp-uglify": "^1.5.3",
     "jquery": "^2.2.2",

public/assets/spotireact.css

@@ -19,7 +19,7 @@
   flex-wrap: wrap;
   box-sizing: border-box;
   width: 100%;
-  height: 430px;
+  height: 645px;
   overflow-y: scroll;
   overflow-x: hidden;
 }

src/components/main.js

@@ -74,6 +74,7 @@ export default class Main extends React.Component {
           trackPlaying = {this.state.trackPlaying}
           trackPaused = {this.state.trackPaused}
         />
+        <Footer />
       </div>
     )
   }

src/components/pause-svg.js

@@ -2,7 +2,7 @@ import React from 'react'
 
 export default class PauseSvg extends React.Component {
   render () {
-    let display = this.props.trackPaused && this.props.isTrackPlaying ? 'u-displayBlock' : 'u-displayNone'
+    const display = this.props.trackPaused && this.props.isTrackPlaying ? 'u-displayBlock' : 'u-displayNone'
     return (
       <svg width="35px" height="35px" className={display} onClick={this.props.pauseTrack} viewBox="901 369 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
           <desc>Created with Sketch.</desc>

src/components/play-svg.js

@@ -2,7 +2,7 @@ import React from 'react'
 
 export default class PlaySvg extends React.Component {
   render () {
-    let display = this.props.trackPaused && this.props.isTrackPlaying ? 'u-displayNone' : 'u-displayBlock'
+    const display = this.props.trackPaused && this.props.isTrackPlaying ? 'u-displayNone' : 'u-displayBlock'
     return (
       <svg width='35px' height='35px' className={display} onClick={(e) => this.props.playTrack(e, this.props.preview, this.props.trackId) } viewBox='901 365 35 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlnsXlink='http://www.w3.org/1999/xlink'>
           <desc>Created with Sketch.</desc>

src/components/track.js

@@ -5,7 +5,7 @@ import PauseSvg from './pause-svg'
 export default class Track extends React.Component {
   render () {
     const {url} = this.props.track.album.images[1]
-    let isTrackPlaying = this.props.track.id === this.props.trackPlaying && this.props.trackPaused ? 'Waves' : ''
+    const isTrackPlaying = this.props.track.id === this.props.trackPlaying && this.props.trackPaused ? 'Waves' : ''
 
     return (
       <article className='track' style={{backgroundImage:  `url(${url})`}}>