lint fixes, run linting as part of main test

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test",
+    "test": "npm run lint && react-scripts test",
     "eject": "react-scripts eject",
     "format:js": "prettier --parser typescript --write '**/*.{js,jsx,ts,tsx}'",
     "format:css": "prettier-stylelint --write --quiet 'src/**/*.{css,scss}'",

src/App.css

@@ -15,7 +15,7 @@
     align-items: center;
     justify-content: center;
     font-size: calc(10px + 2vmin);
-    color: white;
+    color: #fff;
 }
 
 .App-link {

src/App.tsx

@@ -1,10 +1,10 @@
 import React, { Component } from 'react'
+import './App.css'
 import { User, userDefults } from './context/User'
 import Routes from './Routes'
-import './App.css'
 
 class App extends Component {
-  render() {
+    public render() {
         return (
             <User.Provider value={userDefults}>
                 <Routes />

src/index.css

@@ -1,9 +1,9 @@
 body {
     margin: 0;
     padding: 0;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
-        'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
-        'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+        Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+        sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import './index.css'
 import App from './App'
+import './index.css'
 import * as serviceWorker from './serviceWorker'
 
 ReactDOM.render(<App />, document.getElementById('root'))

src/pages/Home.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 
 class Home extends Component {
-  render() {
+    public render() {
         return <div>Home</div>
     }
 }

src/pages/NotFound.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react'
 
 class NotFound extends Component {
-  render() {
+    public render() {
         return <div>Not found</div>
     }
 }

src/serviceWorker.ts

@@ -1,3 +1,5 @@
+/* tslint:disable */
+
 // This optional code is used to register a service worker.
 // register() is not called by default.
 
@@ -114,7 +116,8 @@ function checkValidServiceWorker(swUrl: string, config?: Config) {
             const contentType = response.headers.get('content-type')
             if (
                 response.status === 404 ||
-        (contentType != null && contentType.indexOf('javascript') === -1)
+                (contentType != null &&
+                    contentType.indexOf('javascript') === -1)
             ) {
                 // No service worker found. Probably a different app. Reload the page.
                 navigator.serviceWorker.ready.then(registration => {