refactor: use prop-types module

package.json

@@ -182,6 +182,7 @@
     "pg-native": "^1.10.0",
     "piping": "^0.3.0",
     "pretty-error": "^1.2.0",
+    "prop-types": "^15.5.9",
     "raw-loader": "^0.5.1",
     "react": "^15.4.0",
     "react-addons-create-fragment": "^15.4.0",

src/components/Amount/Amount.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 import { amount } from '../../utils/amount'
 

src/components/ChangePasswordForm/ChangePasswordForm.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { reduxForm, Field, SubmissionError } from 'redux-form'
 import Validation from './Validation'
 

src/components/ForgotPasswordForm/ForgotPasswordForm.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { reduxForm, Field, SubmissionError } from 'redux-form'
 import Validation from './Validation'
 

src/components/HelpIcon/HelpIcon.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 import ReactTooltip from 'react-tooltip'
 

src/components/Input/Input.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 import cx from 'classnames/bind'
 

src/components/InputRaw/InputRaw.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 export default class InputRaw extends Component {
   static propTypes = {

src/components/List/List.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 export default class List extends Component {
   static propTypes = {

src/components/LoginForm/LoginForm.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {Link} from 'react-router'
 import {reduxForm, Field} from 'redux-form'
 import loginValidation from './LoginValidation'

src/components/PayButton/PayButton.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 export default class PayButton extends Component {
   // TODO better validation

src/components/PrettyJson/PrettyJson.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import _extend from 'lodash/extend'
 
 import classNames from 'classnames/bind'

src/components/RegisterForm/RegisterForm.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, Field } from 'redux-form'
 import registerValidation from './RegisterValidation'

src/containers/Activity/Activity.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 import { CSSTransitionGroup } from 'react-transition-group'
 import ReactPaginate from 'react-paginate'

src/containers/ActivityPayment/ActivityPayment.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { CSSTransitionGroup } from 'react-transition-group'
 import {connect} from 'react-redux'
 import moment from 'moment'

src/containers/ActivitySettlement/ActivitySettlement.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 
 import Amount from 'components/Amount/Amount'

src/containers/ActivityWithdrawal/ActivityWithdrawal.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 import moment from 'moment'
 import TimeAgo from 'react-timeago'

src/containers/App/App.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { LinkContainer, IndexLinkContainer } from 'react-router-bootstrap'
 import { Link } from 'react-router'

src/containers/Auth/Auth.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 import {Link} from 'react-router'
 import * as authActions from 'redux/actions/auth'

src/containers/Button/Button.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 import PayButton from 'components/PayButton/PayButton'
 

src/containers/Home/Home.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 import ReactTooltip from 'react-tooltip'
 

src/containers/InviteCreateForm/InviteCreateForm.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, Field } from 'redux-form'
 

src/containers/Invites/Invites.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import Helmet from 'react-helmet'
 import ReactTooltip from 'react-tooltip'

src/containers/Onboarding/Onboarding.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 import {Link} from 'react-router'
 

src/containers/PeerAddForm/PeerAddForm.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, Field } from 'redux-form'
 

src/containers/PeerSettlementButton/PeerSettlementButton.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { DropdownButton, MenuItem } from 'react-bootstrap'
 

src/containers/Peers/Peers.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import Helmet from 'react-helmet'
 import { HotKeys } from 'react-hotkeys'

src/containers/Send/Send.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import SendForm from 'containers/SendForm/SendForm'
 
 export default class Send extends Component {

src/containers/SendForm/AmountsBox.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { amountsChange, requestQuote } from 'redux/actions/send'
 

src/containers/SendForm/DestinationBox.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { destinationChange, destinationReset } from 'redux/actions/send'
 

src/containers/SendForm/SendForm.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, Field } from 'redux-form'
 import { validate, asyncValidate } from './SendValidation'

src/containers/Settings/ProfileForm.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, Field, SubmissionError } from 'redux-form'
 import DropzoneComponent from 'react-dropzone-component'

src/containers/Settle/Settle.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 
 import classNames from 'classnames/bind'

src/containers/Settlement/Settlement.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import Helmet from 'react-helmet'
 import { routeActions } from 'react-router-redux'

src/containers/SettlementCustom/SettlementCustom.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, Field } from 'redux-form'
 import Helmet from 'react-helmet'

src/containers/SettlementInfo/SettlementInfo.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 
 import { Link } from 'react-router'

src/containers/SettlementMethod/SettlementMethod.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import Helmet from 'react-helmet'
 

src/containers/SettlementPaypal/SettlementPaypal.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { reduxForm, Field } from 'redux-form'
 import Helmet from 'react-helmet'

src/containers/SettlementRipple/SettlementRipple.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { reduxForm, Field } from 'redux-form'
 import Helmet from 'react-helmet'
 

src/containers/Stats/Stats.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 import moment from 'moment'
 

src/containers/Users/Users.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table'
 import Helmet from 'react-helmet'

src/containers/Widget/Widget.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {connect} from 'react-redux'
 import * as authActions from 'redux/actions/auth'
 import { asyncConnect } from 'redux-async-connect'

src/containers/Withdraw/Withdraw.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { routeActions } from 'react-router-redux'
 

src/containers/Withdrawals/Withdrawals.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import Helmet from 'react-helmet'
 import ReactTooltip from 'react-tooltip'

src/decorators/hotkeys.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import { HotKeys } from 'react-hotkeys'
 

src/decorators/resetFormOnSuccess.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import {reset} from 'redux-form'
 
 // Always use after @connect it uses the success prop

src/helpers/Html.js

@@ -1,4 +1,5 @@
-import React, {Component, PropTypes} from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import ReactDOM from 'react-dom/server'
 import serialize from 'serialize-javascript'
 import Helmet from 'react-helmet'