Fix lint staged (#364)

* Lint-staged to run pre-commit scripts on staged files only

.prettierignore

@@ -0,0 +1,2 @@
+/build
+/coverage

package.json

@@ -34,17 +34,19 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "npm run eslint && npm run format && npm run scsslint"
+      "pre-commit": "lint-staged"
     }
   },
   "lint-staged": {
     "*.+(js|jsx)": [
-      "eslint --fix",
-      "git add"
+      "eslint --fix --max-warnings=0",
+      "prettier --write"
     ],
-    "*.+(json|css|md)": [
-      "prettier --write",
-      "git add"
+    "*.+(json|yml|yaml|md|vue)": [
+      "prettier --write"
+    ],
+    "*.+(css|scss)": [
+      "sass-lint-auto-fix"
     ]
   },
   "devDependencies": {

src/App.js

@@ -19,47 +19,53 @@ const history = require('history').createBrowserHistory;
 
 function App() {
   // Add a new page simply by adding a new entry in this array.
-  const pages = [{
-    pageLink: '/',
-    view: Home,
-    displayName: 'Home',
-    animationDelayForNavbar: 0.2,
-  }, {
-    pageLink: '/clusters',
-    view: Cluster,
-    displayName: 'Clusters',
-    animationDelayForNavbar: 0.3,
-  }, {
-    pageLink: '/links',
-    view: Links,
-    displayName: 'Helpful Links',
-    animationDelayForNavbar: 0.4,
-  }, {
-    pageLink: '/faq',
-    view: FAQ,
-    displayName: 'FAQ',
-    animationDelayForNavbar: 0.4,
-  }];
+  const pages = [
+    {
+      pageLink: '/',
+      view: Home,
+      displayName: 'Home',
+      animationDelayForNavbar: 0.2,
+    },
+    {
+      pageLink: '/clusters',
+      view: Cluster,
+      displayName: 'Clusters',
+      animationDelayForNavbar: 0.3,
+    },
+    {
+      pageLink: '/links',
+      view: Links,
+      displayName: 'Helpful Links',
+      animationDelayForNavbar: 0.4,
+    },
+    {
+      pageLink: '/faq',
+      view: FAQ,
+      displayName: 'FAQ',
+      animationDelayForNavbar: 0.4,
+    },
+  ];
 
   return (
     <div className="App">
       <Router history={history}>
         <Route
           render={({location}) => (
             <div className="Almighty-Router">
-              <Navbar pages={pages}/>
+              <Navbar pages={pages} />
               <Banner />
               <Route exact path="/" render={() => <Redirect to="/" />} />
               <Switch location={location}>
-                {
-                  pages.map((page, i) => {
-                    return (
-                      <Route exact path={page.pageLink}
-                        component={page.view}
-                        key={i} />
-                    );
-                  })
-                }
+                {pages.map((page, i) => {
+                  return (
+                    <Route
+                      exact
+                      path={page.pageLink}
+                      component={page.view}
+                      key={i}
+                    />
+                  );
+                })}
               </Switch>
             </div>
           )}

src/components/navbar.js

@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import React from 'react';
 import {Link} from 'react-router-dom';
 
 function Navbar(props) {
@@ -32,21 +32,18 @@ function Navbar(props) {
           }}
         />
 
-        <div className='navbar-left'>
-          {
-            props.pages.map((page, i) => {
-              return (
-                <Link
-                  to={page.pageLink}
-                  key={i}
+        <div className="navbar-left">
+          {props.pages.map((page, i) => {
+            return (
+              <Link to={page.pageLink} key={i}>
+                <span
+                  {...navLinkProps(page.pageLink, page.animationDelayForNavbar)}
                 >
-                  <span {...navLinkProps(page.pageLink, page.animationDelayForNavbar)}>
-                    {page.displayName}
-                  </span>
-                </Link>
-              );
-            })
-          }
+                  {page.displayName}
+                </span>
+              </Link>
+            );
+          })}
         </div>
 
         <div className="navbar-right"></div>