From 3efc62567d34c4acafe78307e327c73ca664b499 Mon Sep 17 00:00:00 2001
From: TobiahRex <tobiah.rex@gmail.com>
Date: Thu, 31 Aug 2017 15:13:45 +0900
Subject: [PATCH] cleaned up PropTypes validations - react-router-redux
 throwing PropTypes error.

---
 src/components/App.js             |  1 -
 src/components/FuelSavingsForm.js | 31 +++++++++++++++++++++++--------
 src/components/Root.js            |  1 -
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/components/App.js b/src/components/App.js
index d00126549..98254a0d3 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,5 +1,4 @@
 /* eslint-disable import/no-named-as-default */
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Route } from 'react-router';
diff --git a/src/components/FuelSavingsForm.js b/src/components/FuelSavingsForm.js
index 8363dadb7..5fa5a7796 100644
--- a/src/components/FuelSavingsForm.js
+++ b/src/components/FuelSavingsForm.js
@@ -56,14 +56,14 @@ class FuelSavingsForm extends React.Component {
               <td><label htmlFor="milesDriven">Miles Driven</label></td>
               <td>
                 <FuelSavingsTextInput
-                onChange={this.fuelSavingsKeypress}
-                name="milesDriven"
-                value={fuelSavings.milesDriven}/>
+                  onChange={this.fuelSavingsKeypress}
+                  name="milesDriven"
+                  value={fuelSavings.milesDriven}/>
                 miles per
                 <select
-                name="milesDrivenTimeframe"
-                onChange={this.onTimeframeChange}
-                value={fuelSavings.milesDrivenTimeframe}>
+                  name="milesDrivenTimeframe"
+                  onChange={this.onTimeframeChange}
+                  value={fuelSavings.milesDrivenTimeframe}>
                   <option value="week">Week</option>
                   <option value="month">Month</option>
                   <option value="year">Year</option>
@@ -85,12 +85,27 @@ class FuelSavingsForm extends React.Component {
     );
   }
 }
-const { func, object } = PropTypes;
+const { func, shape, number, bool, string } = PropTypes;
 
 FuelSavingsForm.propTypes = {
   saveFuelSavings: func.isRequired,
   calculateFuelSavings: func.isRequired,
-  fuelSavings: object.isRequired
+  fuelSavings: shape({
+    newMpg: number,
+    tradeMpg: number,
+    newPpg: number,
+    tradePpg: number,
+    milesDriven: number,
+    milesDrivenTimeframe: string,
+    displayResult: bool,
+    dateModified: string,
+    necessaryDataIsProvidedToCalculateSavings: bool,
+    savings: shape({
+      monthly: number,
+      annual: number,
+      threeYear: number,
+    }),
+  }).isRequired
 };
 
 export default FuelSavingsForm;
diff --git a/src/components/Root.js b/src/components/Root.js
index 548352b4f..2ba9cd859 100644
--- a/src/components/Root.js
+++ b/src/components/Root.js
@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { ConnectedRouter } from 'react-router-redux';
-console.log('%cConnectedRouter', 'background:red;', ConnectedRouter);
 import { Provider } from 'react-redux';
 import App from './App';