cleaned up code

Author: rise-erpelding

.gitignore

@@ -22,3 +22,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.eslintrc.json

package-lock.json

@@ -36,5 +36,15 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^3.3.0",
+    "@typescript-eslint/parser": "^3.3.0",
+    "eslint": "^6.8.0",
+    "eslint-config-airbnb": "^18.1.0",
+    "eslint-plugin-import": "^2.21.2",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.20.0",
+    "eslint-plugin-react-hooks": "^2.5.1"
   }
 }

package.json

@@ -19,7 +19,6 @@ import FilteredFarmsService from '../../services/filtered-farms-service'
 import './App.css'
 
 class App extends Component {
-
   state = {
     farms: [],
     filteredFarms: [],
@@ -30,6 +29,7 @@ class App extends Component {
     showBackground: false,
     error: null,
   }
+  
 
 
 

src/components/App/App.js

@@ -1,11 +1,11 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-import FarmerAvatar from '../../Images/FarmerAvatar.png'
-import './FarmListItem.css'
+import React from 'react';
+import { Link } from 'react-router-dom';
+import FarmerAvatar from '../../Images/FarmerAvatar.png';
+import './FarmListItem.css';
 
 export default function FarmListItem(props) {
-  const farm = props.info
-  const profile = farm.profile_image ? farm.profile_image : FarmerAvatar
+  const farm = props.info;
+  const profile = farm.profile_image ? farm.profile_image : FarmerAvatar;
   return (
     <div className="farm-list-item">
       <div className="farm-list-item__img--container">
@@ -27,7 +27,7 @@ export default function FarmListItem(props) {
         </div>
       </div>
     </div>
-  )
+  );
 }
 
 FarmListItem.defaultProps = {
@@ -37,5 +37,5 @@ FarmListItem.defaultProps = {
     farm_name: '',
     products: [],
     id: '',
-  }
-}
+  },
+};

src/components/FarmListItem/FarmListItem.js

@@ -1,5 +1,4 @@
 export default {
   API_ENDPOINT: 'https://still-sierra-72735.herokuapp.com/api',
-  // API_ENDPOINT: 'http://localhost:8000/api',
-  TOKEN_KEY: 'farmpicks-client-auth-token'
-}
+  TOKEN_KEY: 'farmpicks-client-auth-token',
+};

src/config.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { BrowserRouter} from 'react-router-dom';
-import App from './components/App/App';
-import AppError from '../src/components/AppError/AppError'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSearch, faHeart as faHeartSolid, faChevronLeft, faCaretDown, faFilter, faUser } from '@fortawesome/free-solid-svg-icons'
 import { faHeart as faHeartRegular } from '@fortawesome/free-regular-svg-icons'
+import App from './components/App/App';
+import AppError from '../src/components/AppError/AppError'
 import './index.css';
 
 library.add(