Auth complete

chapter08/src/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom";
 
-import App from "./App.routing.protected.auth";
+import App from "./App.routing.auth";
 import registerServiceWorker from "./registerServiceWorker";
 
 ReactDOM.render(<App />, document.getElementById("root"));

chapter08/src/routingApp/authRoute.component.js

@@ -1,10 +1,20 @@
-/* eslint-disable */
+/* @flow */
 
 import React from "react";
 import { Route, Redirect } from "react-router-dom";
 import PropTypes from "prop-types";
 
-export class Auth extends React.Component {
+export class Auth extends React.Component<{
+    loginRoute: string,
+    token: string,
+    location: object
+}> {
+    static propTypes = {
+        loginRoute: PropTypes.string.isRequired,
+        token: PropTypes.string.isRequired,
+        location: PropTypes.object
+    };
+
     render() {
         const myProps = { ...this.props };
         if (!myProps.token) {

chapter08/src/routingApp/authRoute.connected.js

@@ -1,6 +1,5 @@
-/* eslint-disable */
+/* @flow */
 
-import React from "react";
 import { connect } from "react-redux";
 
 import { Auth } from "./authRoute.component";

chapter08/src/routingApp/index.js

@@ -2,6 +2,6 @@
 
 import { ConnectedLogin } from "./login.connected.js";
 import { ConnectedProtectedRoutes } from "./protectedRoutes.connected.js";
-import { AuthRoute } from "./authroute.connected.js";
+import { AuthRoute } from "./authRoute.connected.js";
 
 export { ConnectedLogin, ConnectedProtectedRoutes, AuthRoute };

chapter08/src/routingApp/login.component.js

@@ -5,7 +5,10 @@ import PropTypes from "prop-types";
 import { Redirect } from "react-router-dom";
 
 export class Login extends React.PureComponent<{
-    logging: boolean
+    onLogin: func,
+    logging: boolean,
+    token: string,
+    location: object
 }> {
     static propTypes = {
         onLogin: PropTypes.func.isRequired,