Fix linter

app/webpack/components/AppRouter.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BrowserRouter, Route, Switch } from 'react-router-dom';
 import { Container } from 'react-bootstrap';
+import { BrowserRouter, Route, Switch } from 'react-router-dom';
 
 import Header from '../components/Header';
 import Home from '../components/Home';

app/webpack/components/Header.js

@@ -1,9 +1,8 @@
+import logo from 'images/text-with-whisk-color.png';
 import React from 'react';
 import { Container } from 'react-bootstrap';
 import { NavLink } from 'react-router-dom';
 
-import logo from 'images/text-with-whisk-color.png'
-
 const Header = () => (
   <nav className='navbar navbar-expand-sm sticky-top navbar-light'>
     <Container>

app/webpack/components/ImageGrid.js

@@ -1,5 +1,5 @@
-import React, { useState, useEffect } from 'react';
 import axios from 'axios';
+import React, { useEffect,useState } from 'react';
 import { Container, Row } from 'react-bootstrap';
 
 import ImageBox from './ImageBox';
@@ -16,8 +16,8 @@ const ImageGrid = () => {
       .then(response => {
         setImageBoxes(generateImageBoxes(response.data));
       })
-      .catch(error => console.log(error))
-    }
+      .catch(error => console.log(error));
+    };
     fetchData();
   }, []);
 
@@ -36,7 +36,7 @@ const ImageGrid = () => {
         handleImageBoxClick={showModal}
       />
     ));
-  }
+  };
 
   return (
     <Container className='image-grid'>

package.json

@@ -3,9 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "lint": "eslint app/javascript --ext .jsx",
+    "lint": "eslint --ext .js app/webpack/helpers app/webpack/components",
     "format": "yarn lint --fix",
-    "test": "jest app/javascript/tests"
+    "test": "jest app/webpack/tests"
   },
   "dependencies": {
     "@babel/preset-react": "^7.8.3",