migrate from React.PropTypes (#418)

package.json

@@ -76,6 +76,7 @@
     "open": "0.0.5",
     "postcss-loader": "1.2.1",
     "prompt": "1.0.0",
+    "prop-types": "^15.5.6",
     "react-addons-test-utils": "15.4.1",
     "react-hot-loader": "3.0.0-beta.6",
     "redux-immutable-state-invariant": "1.2.4",

src/components/App.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { Link, IndexLink } from 'react-router';
 
 // This is a class-based component because the current

src/components/FuelSavingsForm.js

@@ -1,4 +1,5 @@
-import React, {PropTypes} from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import FuelSavingsResults from './FuelSavingsResults';
 import FuelSavingsTextInput from './FuelSavingsTextInput';
 

src/components/FuelSavingsResults.js

@@ -1,4 +1,5 @@
-import React, {PropTypes} from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import NumberFormatter from '../utils/numberFormatter';
 
 // This is a stateless functional component. (Also known as pure or dumb component)

src/components/FuelSavingsTextInput.js

@@ -1,4 +1,5 @@
-import React, {PropTypes} from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 const FuelSavingsTextInput = (props) => {
   const handleChange = (e) => {

src/components/Root.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
 import routes from '../routes';
 import { Router } from 'react-router';

src/containers/FuelSavingsPage.js

@@ -1,4 +1,5 @@
-import React, {PropTypes} from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 import {bindActionCreators} from 'redux';
 import * as actions from '../actions/fuelSavingsActions';