Merge pull request #40 from VonIobro/feature/eslint-resolve-paths-from-app-dir

feature(eslint-resolve-paths-from-app-dir): use 'app' path as default…

.eslintrc

@@ -35,6 +35,9 @@
   ],
   "settings": {
     "import/resolver": {
+      "node": {
+        "paths": ["app"]
+      },
       "webpack": {
         "config": "webpack.config.eslint.js"
       }

app/routes/activity/components/components/Invoice/Invoice.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import Moment from 'react-moment'
 import 'moment-timezone'
 import { FaBolt, FaClockO } from 'react-icons/lib/fa'
-import { btc } from '../../../../../utils'
+import { btc } from 'utils'
 import styles from '../Activity.scss'
 
 const Invoice = ({ invoice, ticker, currentTicker, showActivityModal }) => (

app/routes/activity/components/components/Modal/Invoice/Invoice.js

@@ -8,8 +8,8 @@ import QRCode from 'qrcode.react'
 
 import { MdCheck } from 'react-icons/lib/md'
 
-import CurrencyIcon from '../../../../../../components/CurrencyIcon'
-import { btc } from '../../../../../../utils'
+import CurrencyIcon from 'components/CurrencyIcon'
+import { btc } from 'utils'
 
 import styles from './Invoice.scss'
 

app/routes/activity/components/components/Modal/Payment/Payment.js

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types'
 import Moment from 'react-moment'
 import 'moment-timezone'
 
-import CurrencyIcon from '../../../../../../components/CurrencyIcon'
-import { btc } from '../../../../../../utils'
+import CurrencyIcon from 'components/CurrencyIcon'
+import { btc } from 'utils'
 
 import styles from './Payment.scss'
 

app/routes/activity/components/components/Modal/Transaction/Transaction.js

@@ -4,8 +4,8 @@ import PropTypes from 'prop-types'
 import Moment from 'react-moment'
 import 'moment-timezone'
 
-import CurrencyIcon from '../../../../../../components/CurrencyIcon'
-import { btc } from '../../../../../../utils'
+import CurrencyIcon from 'components/CurrencyIcon'
+import { btc } from 'utils'
 
 import styles from './Transaction.scss'
 

app/routes/activity/components/components/Payment/Payment.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import Moment from 'react-moment'
 import 'moment-timezone'
 import { FaBolt } from 'react-icons/lib/fa'
-import { btc } from '../../../../../utils'
+import { btc } from 'utils'
 import styles from '../Activity.scss'
 
 const Payment = ({ payment, ticker, currentTicker, showActivityModal }) => (

app/routes/activity/components/components/Transaction/Transaction.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import Moment from 'react-moment'
 import 'moment-timezone'
 import { FaChain } from 'react-icons/lib/fa'
-import { btc } from '../../../../../utils'
+import { btc } from 'utils'
 import styles from '../Activity.scss'
 
 const Transaction = ({ transaction, ticker, currentTicker, showActivityModal }) => (

app/routes/activity/containers/ActivityContainer.js

@@ -1,24 +1,24 @@
 import { connect } from 'react-redux'
-import { tickerSelectors } from '../../../reducers/ticker'
+import { tickerSelectors } from 'reducers/ticker'
 import {
   fetchInvoices,
   searchInvoices,
   setInvoice,
   invoiceSelectors
-} from '../../../reducers/invoice'
+} from 'reducers/invoice'
 import {
   setPayment,
   fetchPayments,
   paymentSelectors
-} from '../../../reducers/payment'
-import { fetchTransactions } from '../../../reducers/transaction'
+} from 'reducers/payment'
+import { fetchTransactions } from 'reducers/transaction'
 import {
   showActivityModal,
   hideActivityModal,
   changeFilter,
   toggleFilterPulldown,
   activitySelectors
-} from '../../../reducers/activity'
+} from 'reducers/activity'
 import Activity from '../components/Activity'
 
 const mapDispatchToProps = {

app/routes/app/components/components/Form/components/Pay/Pay.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { FaBolt, FaChain } from 'react-icons/lib/fa'
-import CurrencyIcon from '../../../../../../../components/CurrencyIcon'
-import LoadingBolt from '../../../../../../../components/LoadingBolt'
-import { btc } from '../../../../../../../utils'
+import CurrencyIcon from 'components/CurrencyIcon'
+import LoadingBolt from 'components/LoadingBolt'
+import { btc } from 'utils'
 import styles from './Pay.scss'
 
 class Pay extends Component {

app/routes/app/components/components/Form/components/Request/Request.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import CurrencyIcon from '../../../../../../../components/CurrencyIcon'
+import CurrencyIcon from 'components/CurrencyIcon'
 import styles from './Request.scss'
 
 const Request = ({

app/routes/app/components/components/ModalRoot/SuccessfulSendCoins/SuccessfulSendCoins.js

@@ -1,8 +1,8 @@
 import { shell } from 'electron'
 import React from 'react'
 import PropTypes from 'prop-types'
-import AnimatedCheckmark from '../../../../../../components/AnimatedCheckmark'
-import { btc } from '../../../../../../utils'
+import AnimatedCheckmark from 'components/AnimatedCheckmark'
+import { btc } from 'utils'
 import styles from './SuccessfulSendCoins.scss'
 
 const SuccessfulSendCoins = ({ amount, addr, txid, hideModal, currentTicker, currency }) => {

app/routes/app/components/components/Nav.js

@@ -4,9 +4,9 @@ import { NavLink } from 'react-router-dom'
 import ReactSVG from 'react-svg'
 import { MdAccountBalanceWallet } from 'react-icons/lib/md'
 import { FaClockO, FaDollar } from 'react-icons/lib/fa'
-import CryptoIcon from '../../../../components/CryptoIcon'
-import CurrencyIcon from '../../../../components/CurrencyIcon'
-import { btc, usd } from '../../../../utils'
+import CryptoIcon from 'components/CryptoIcon'
+import CurrencyIcon from 'components/CurrencyIcon'
+import { btc, usd } from 'utils'
 import styles from './Nav.scss'
 
 const Nav = ({ ticker, balance, setCurrency, formClicked, currentTicker }) => (

app/routes/app/containers/AppContainer.js

@@ -1,13 +1,12 @@
 import { connect } from 'react-redux'
-import App from '../components/App'
-import { fetchTicker, setCurrency, tickerSelectors } from '../../../reducers/ticker'
-import { fetchBalance } from '../../../reducers/balance'
-import { fetchInfo } from '../../../reducers/info'
-import { createInvoice, fetchInvoice } from '../../../reducers/invoice'
-import { hideModal } from '../../../reducers/modal'
-import { payInvoice } from '../../../reducers/payment'
-import { sendCoins } from '../../../reducers/transaction'
-import { fetchChannels } from '../../../reducers/channels'
+import { fetchTicker, setCurrency, tickerSelectors } from 'reducers/ticker'
+import { fetchBalance } from 'reducers/balance'
+import { fetchInfo } from 'reducers/info'
+import { createInvoice, fetchInvoice } from 'reducers/invoice'
+import { hideModal } from 'reducers/modal'
+import { payInvoice } from 'reducers/payment'
+import { sendCoins } from 'reducers/transaction'
+import { fetchChannels } from 'reducers/channels'
 import {
   setForm,
   setPaymentType,
@@ -17,7 +16,8 @@ import {
   setPubkey,
   setPaymentRequest,
   formSelectors
-} from '../../../reducers/form'
+} from 'reducers/form'
+import App from '../components/App'
 
 const mapDispatchToProps = {
   fetchTicker,

app/routes/wallet/components/components/Channels/components/Channel/Channel.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { btc } from '../../../../../../../utils'
+import { btc } from 'utils'
 import styles from './Channel.scss'
 
 const Channel = ({ ticker, channel, setChannel, currentTicker }) => (

app/routes/wallet/components/components/Channels/components/ChannelForm/ChannelForm.js

@@ -2,8 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import ReactModal from 'react-modal'
 import { FaUser } from 'react-icons/lib/fa'
-import CurrencyIcon from '../../../../../../../components/CurrencyIcon'
-import { usd, btc } from '../../../../../../../utils'
+import CurrencyIcon from 'components/CurrencyIcon'
+import { usd, btc } from 'utils'
 import styles from './ChannelForm.scss'
 
 const ChannelForm = ({ form, setForm, ticker, peers, openChannel, currentTicker }) => {

app/routes/wallet/components/components/Channels/components/ClosedPendingChannel/ClosedPendingChannel.js

@@ -1,7 +1,7 @@
 import { shell } from 'electron'
 import React from 'react'
 import PropTypes from 'prop-types'
-import { btc } from '../../../../../../../utils'
+import { btc } from 'utils'
 import styles from './ClosedPendingChannel.scss'
 
 const ClosedPendingChannel = ({ ticker, channel: { channel, closing_txid }, currentTicker, explorerLinkBase }) => (

app/routes/wallet/components/components/Channels/components/OpenPendingChannel/OpenPendingChannel.js

@@ -1,7 +1,7 @@
 import { shell } from 'electron'
 import React from 'react'
 import PropTypes from 'prop-types'
-import { btc } from '../../../../../../../utils'
+import { btc } from 'utils'
 import styles from './OpenPendingChannel.scss'
 
 const OpenPendingChannel = ({ ticker, channel: { channel }, currentTicker, explorerLinkBase }) => (

app/routes/wallet/containers/WalletContainer.js

@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
-import { infoSelectors } from '../../../reducers/info'
-import { newAddress } from '../../../reducers/address'
-import { tickerSelectors } from '../../../reducers/ticker'
+import { infoSelectors } from 'reducers/info'
+import { newAddress } from 'reducers/address'
+import { tickerSelectors } from 'reducers/ticker'
 import {
   fetchPeers,
   setPeer,
@@ -9,7 +9,7 @@ import {
   setPeerForm,
   connectRequest,
   disconnectRequest
-} from '../../../reducers/peers'
+} from 'reducers/peers'
 import {
   fetchChannels,
   fetchPendingChannels,
@@ -18,7 +18,7 @@ import {
   setChannelForm,
   openChannel,
   closeChannel
-} from '../../../reducers/channels'
+} from 'reducers/channels'
 import Wallet from '../components/Wallet'
 
 const mapDispatchToProps = {