Folder restructure (#6304)

* Remove ui/app/keychains/

* Remove ui/app/img/ (unused images)

* Move conversion-util to helpers/utils/

* Move token-util to helpers/utils/

* Move /helpers/*.js inside /helpers/utils/

* Move util tests inside /helpers/utils/

* Renameand move confirm-transaction/util.js to helpers/utils/

* Move higher-order-components to helpers/higher-order-components/

* Move infura-conversion.json to helpers/constants/

* Move all utility functions to helpers/utils/

* Move pages directory to top-level

* Move all constants to helpers/constants/

* Move metametrics inside helpers/

* Move app and root inside pages/

* Move routes inside helpers/

* Re-organize ducks/

* Move reducers to ducks/

* Move selectors inside selectors/

* Move test out of test folder

* Move action, reducer, store inside store/

* Move ui components inside ui/

* Move UI components inside ui/

* Move connected components inside components/app/

* Move i18n-helper inside helpers/

* Fix unit tests

* Fix unit test

* Move pages components

* Rename routes component

* Move reducers to ducks/index

* Fix bad path in unit test

5 files changed, 0 insertions, 781 deletions

diff --git a/ui/app/components/token-input/index.js b/ui/app/components/token-input/index.js
deleted file mode 100644
index 22c06111e..000000000
--- a/ui/app/components/token-input/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './token-input.container'
diff --git a/ui/app/components/token-input/tests/token-input.component.test.js b/ui/app/components/token-input/tests/token-input.component.test.js
deleted file mode 100644
index 881101880..000000000
--- a/ui/app/components/token-input/tests/token-input.component.test.js
+++ /dev/null
@@ -1,350 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import assert from 'assert'
-import { shallow, mount } from 'enzyme'
-import sinon from 'sinon'
-import { Provider } from 'react-redux'
-import configureMockStore from 'redux-mock-store'
-import TokenInput from '../token-input.component'
-import UnitInput from '../../unit-input'
-import CurrencyDisplay from '../../currency-display'
-
-describe('TokenInput Component', () => {
-  const t = key => `translate ${key}`
-
-  describe('rendering', () => {
-    it('should render properly without a token', () => {
-      const wrapper = shallow(
-        <TokenInput />,
-        { context: { t } }
-      )
-
-      assert.ok(wrapper)
-      assert.equal(wrapper.find(UnitInput).length, 1)
-    })
-
-    it('should render properly with a token', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-
-      const wrapper = mount(
-        <Provider store={store}>
-          <TokenInput
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-          />
-        </Provider>,
-        { context: { t },
-          childContextTypes: {
-            t: PropTypes.func,
-          },
-        },
-      )
-
-      assert.ok(wrapper)
-      assert.equal(wrapper.find('.unit-input__suffix').length, 1)
-      assert.equal(wrapper.find('.unit-input__suffix').text(), 'ABC')
-      assert.equal(wrapper.find('.currency-input__conversion-component').length, 1)
-      assert.equal(wrapper.find('.currency-input__conversion-component').text(), 'translate noConversionRateAvailable')
-    })
-
-    it('should render properly with a token and selectedTokenExchangeRate', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-
-      const wrapper = mount(
-        <Provider store={store}>
-          <TokenInput
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-            selectedTokenExchangeRate={2}
-          />
-        </Provider>,
-        { context: { t },
-          childContextTypes: {
-            t: PropTypes.func,
-          },
-        },
-      )
-
-      assert.ok(wrapper)
-      assert.equal(wrapper.find('.unit-input__suffix').length, 1)
-      assert.equal(wrapper.find('.unit-input__suffix').text(), 'ABC')
-      assert.equal(wrapper.find(CurrencyDisplay).length, 1)
-    })
-
-    it('should render properly with a token value for ETH', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-
-      const wrapper = mount(
-        <Provider store={store}>
-          <TokenInput
-            value="2710"
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-            selectedTokenExchangeRate={2}
-          />
-        </Provider>
-      )
-
-      assert.ok(wrapper)
-      const tokenInputInstance = wrapper.find(TokenInput).at(0).instance()
-      assert.equal(tokenInputInstance.state.decimalValue, 1)
-      assert.equal(tokenInputInstance.state.hexValue, '2710')
-      assert.equal(wrapper.find('.unit-input__suffix').length, 1)
-      assert.equal(wrapper.find('.unit-input__suffix').text(), 'ABC')
-      assert.equal(wrapper.find('.unit-input__input').props().value, '1')
-      assert.equal(wrapper.find('.currency-display-component').text(), '2ETH')
-    })
-
-    it('should render properly with a token value for fiat', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-
-      const wrapper = mount(
-        <Provider store={store}>
-          <TokenInput
-            value="2710"
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-            selectedTokenExchangeRate={2}
-            showFiat
-          />
-        </Provider>
-      )
-
-      assert.ok(wrapper)
-      const tokenInputInstance = wrapper.find(TokenInput).at(0).instance()
-      assert.equal(tokenInputInstance.state.decimalValue, 1)
-      assert.equal(tokenInputInstance.state.hexValue, '2710')
-      assert.equal(wrapper.find('.unit-input__suffix').length, 1)
-      assert.equal(wrapper.find('.unit-input__suffix').text(), 'ABC')
-      assert.equal(wrapper.find('.unit-input__input').props().value, '1')
-      assert.equal(wrapper.find('.currency-display-component').text(), '$462.12USD')
-    })
-
-    it('should render properly with a token value for fiat, but hideConversion is true', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-
-      const wrapper = mount(
-        <Provider store={store}>
-          <TokenInput
-            value="2710"
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-            selectedTokenExchangeRate={2}
-            showFiat
-            hideConversion
-          />
-        </Provider>,
-        {
-          context: { t },
-          childContextTypes: {
-            t: PropTypes.func,
-          },
-        },
-      )
-
-      assert.ok(wrapper)
-      const tokenInputInstance = wrapper.find(TokenInput).at(0).instance()
-      assert.equal(tokenInputInstance.state.decimalValue, 1)
-      assert.equal(tokenInputInstance.state.hexValue, '2710')
-      assert.equal(wrapper.find('.unit-input__suffix').length, 1)
-      assert.equal(wrapper.find('.unit-input__suffix').text(), 'ABC')
-      assert.equal(wrapper.find('.unit-input__input').props().value, '1')
-      assert.equal(wrapper.find('.currency-input__conversion-component').text(), 'translate noConversionRateAvailable')
-    })
-  })
-
-  describe('handling actions', () => {
-    const handleChangeSpy = sinon.spy()
-    const handleBlurSpy = sinon.spy()
-
-    afterEach(() => {
-      handleChangeSpy.resetHistory()
-      handleBlurSpy.resetHistory()
-    })
-
-    it('should call onChange and onBlur on input changes with the hex value for ETH', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-      const wrapper = mount(
-        <Provider store={store}>
-          <TokenInput
-            onChange={handleChangeSpy}
-            onBlur={handleBlurSpy}
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-            selectedTokenExchangeRate={2}
-          />
-        </Provider>
-      )
-
-      assert.ok(wrapper)
-      assert.equal(handleChangeSpy.callCount, 0)
-      assert.equal(handleBlurSpy.callCount, 0)
-
-      const tokenInputInstance = wrapper.find(TokenInput).at(0).instance()
-      assert.equal(tokenInputInstance.state.decimalValue, 0)
-      assert.equal(tokenInputInstance.state.hexValue, undefined)
-      assert.equal(wrapper.find('.currency-display-component').text(), '0ETH')
-      const input = wrapper.find('input')
-      assert.equal(input.props().value, 0)
-
-      input.simulate('change', { target: { value: 1 } })
-      assert.equal(handleChangeSpy.callCount, 1)
-      assert.ok(handleChangeSpy.calledWith('2710'))
-      assert.equal(wrapper.find('.currency-display-component').text(), '2ETH')
-      assert.equal(tokenInputInstance.state.decimalValue, 1)
-      assert.equal(tokenInputInstance.state.hexValue, '2710')
-
-      assert.equal(handleBlurSpy.callCount, 0)
-      input.simulate('blur')
-      assert.equal(handleBlurSpy.callCount, 1)
-      assert.ok(handleBlurSpy.calledWith('2710'))
-    })
-
-    it('should call onChange and onBlur on input changes with the hex value for fiat', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-      const wrapper = mount(
-        <Provider store={store}>
-          <TokenInput
-            onChange={handleChangeSpy}
-            onBlur={handleBlurSpy}
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-            selectedTokenExchangeRate={2}
-            showFiat
-          />
-        </Provider>
-      )
-
-      assert.ok(wrapper)
-      assert.equal(handleChangeSpy.callCount, 0)
-      assert.equal(handleBlurSpy.callCount, 0)
-
-      const tokenInputInstance = wrapper.find(TokenInput).at(0).instance()
-      assert.equal(tokenInputInstance.state.decimalValue, 0)
-      assert.equal(tokenInputInstance.state.hexValue, undefined)
-      assert.equal(wrapper.find('.currency-display-component').text(), '$0.00USD')
-      const input = wrapper.find('input')
-      assert.equal(input.props().value, 0)
-
-      input.simulate('change', { target: { value: 1 } })
-      assert.equal(handleChangeSpy.callCount, 1)
-      assert.ok(handleChangeSpy.calledWith('2710'))
-      assert.equal(wrapper.find('.currency-display-component').text(), '$462.12USD')
-      assert.equal(tokenInputInstance.state.decimalValue, 1)
-      assert.equal(tokenInputInstance.state.hexValue, '2710')
-
-      assert.equal(handleBlurSpy.callCount, 0)
-      input.simulate('blur')
-      assert.equal(handleBlurSpy.callCount, 1)
-      assert.ok(handleBlurSpy.calledWith('2710'))
-    })
-
-    it('should change the state and pass in a new decimalValue when props.value changes', () => {
-      const mockStore = {
-        metamask: {
-          currentCurrency: 'usd',
-          conversionRate: 231.06,
-        },
-      }
-      const store = configureMockStore()(mockStore)
-      const wrapper = shallow(
-        <Provider store={store}>
-          <TokenInput
-            onChange={handleChangeSpy}
-            onBlur={handleBlurSpy}
-            selectedToken={{
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            }}
-            suffix="ABC"
-            selectedTokenExchangeRate={2}
-            showFiat
-          />
-        </Provider>
-      )
-
-      assert.ok(wrapper)
-      const tokenInputInstance = wrapper.find(TokenInput).dive()
-      assert.equal(tokenInputInstance.state('decimalValue'), 0)
-      assert.equal(tokenInputInstance.state('hexValue'), undefined)
-      assert.equal(tokenInputInstance.find(UnitInput).props().value, 0)
-
-      tokenInputInstance.setProps({ value: '2710' })
-      tokenInputInstance.update()
-      assert.equal(tokenInputInstance.state('decimalValue'), 1)
-      assert.equal(tokenInputInstance.state('hexValue'), '2710')
-      assert.equal(tokenInputInstance.find(UnitInput).props().value, 1)
-    })
-  })
-})
diff --git a/ui/app/components/token-input/tests/token-input.container.test.js b/ui/app/components/token-input/tests/token-input.container.test.js
deleted file mode 100644
index 2b1c102c8..000000000
--- a/ui/app/components/token-input/tests/token-input.container.test.js
+++ /dev/null
@@ -1,255 +0,0 @@
-import assert from 'assert'
-import proxyquire from 'proxyquire'
-
-let mapStateToProps, mergeProps
-
-proxyquire('../token-input.container.js', {
-  'react-redux': {
-    connect: (ms, md, mp) => {
-      mapStateToProps = ms
-      mergeProps = mp
-      return () => ({})
-    },
-  },
-})
-
-describe('TokenInput container', () => {
-  describe('mapStateToProps()', () => {
-    it('should return the correct props when send is empty', () => {
-      const mockState = {
-        metamask: {
-          currentCurrency: 'usd',
-          tokens: [
-            {
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            },
-          ],
-          selectedTokenAddress: '0x1',
-          contractExchangeRates: {},
-          send: {},
-          preferences: {
-            showFiatInTestnets: false,
-          },
-          provider: {
-            type: 'mainnet',
-          },
-        },
-      }
-
-      assert.deepEqual(mapStateToProps(mockState), {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: '0x1',
-          decimals: '4',
-          symbol: 'ABC',
-        },
-        selectedTokenExchangeRate: 0,
-        hideConversion: false,
-      })
-    })
-
-    it('should return the correct props when selectedTokenAddress is not found and send is populated', () => {
-      const mockState = {
-        metamask: {
-          currentCurrency: 'usd',
-          tokens: [
-            {
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            },
-          ],
-          selectedTokenAddress: '0x2',
-          contractExchangeRates: {},
-          send: {
-            token: { address: 'test' },
-          },
-          preferences: {
-            showFiatInTestnets: false,
-          },
-          provider: {
-            type: 'mainnet',
-          },
-        },
-      }
-
-      assert.deepEqual(mapStateToProps(mockState), {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: 'test',
-        },
-        selectedTokenExchangeRate: 0,
-        hideConversion: false,
-      })
-    })
-
-    it('should return the correct props when contractExchangeRates is populated', () => {
-      const mockState = {
-        metamask: {
-          currentCurrency: 'usd',
-          tokens: [
-            {
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            },
-          ],
-          selectedTokenAddress: '0x1',
-          contractExchangeRates: {
-            '0x1': 5,
-          },
-          send: {},
-          preferences: {
-            showFiatInTestnets: false,
-          },
-          provider: {
-            type: 'mainnet',
-          },
-        },
-      }
-
-      assert.deepEqual(mapStateToProps(mockState), {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: '0x1',
-          decimals: '4',
-          symbol: 'ABC',
-        },
-        selectedTokenExchangeRate: 5,
-        hideConversion: false,
-      })
-    })
-
-    it('should return the correct props when not in mainnet and showFiatInTestnets is false', () => {
-      const mockState = {
-        metamask: {
-          currentCurrency: 'usd',
-          tokens: [
-            {
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            },
-          ],
-          selectedTokenAddress: '0x1',
-          contractExchangeRates: {},
-          send: {},
-          preferences: {
-            showFiatInTestnets: false,
-          },
-          provider: {
-            type: 'rinkeby',
-          },
-        },
-      }
-
-      assert.deepEqual(mapStateToProps(mockState), {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: '0x1',
-          decimals: '4',
-          symbol: 'ABC',
-        },
-        selectedTokenExchangeRate: 0,
-        hideConversion: true,
-      })
-    })
-
-    it('should return the correct props when not in mainnet and showFiatInTestnets is true', () => {
-      const mockState = {
-        metamask: {
-          currentCurrency: 'usd',
-          tokens: [
-            {
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            },
-          ],
-          selectedTokenAddress: '0x1',
-          contractExchangeRates: {},
-          send: {},
-          preferences: {
-            showFiatInTestnets: true,
-          },
-          provider: {
-            type: 'rinkeby',
-          },
-        },
-      }
-
-      assert.deepEqual(mapStateToProps(mockState), {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: '0x1',
-          decimals: '4',
-          symbol: 'ABC',
-        },
-        selectedTokenExchangeRate: 0,
-        hideConversion: false,
-      })
-    })
-
-    it('should return the correct props when in mainnet and showFiatInTestnets is true', () => {
-      const mockState = {
-        metamask: {
-          currentCurrency: 'usd',
-          tokens: [
-            {
-              address: '0x1',
-              decimals: '4',
-              symbol: 'ABC',
-            },
-          ],
-          selectedTokenAddress: '0x1',
-          contractExchangeRates: {},
-          send: {},
-          preferences: {
-            showFiatInTestnets: true,
-          },
-          provider: {
-            type: 'mainnet',
-          },
-        },
-      }
-
-      assert.deepEqual(mapStateToProps(mockState), {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: '0x1',
-          decimals: '4',
-          symbol: 'ABC',
-        },
-        selectedTokenExchangeRate: 0,
-        hideConversion: false,
-      })
-    })
-  })
-
-  describe('mergeProps()', () => {
-    it('should return the correct props', () => {
-      const mockStateProps = {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: '0x1',
-          decimals: '4',
-          symbol: 'ABC',
-        },
-        selectedTokenExchangeRate: 5,
-      }
-
-      assert.deepEqual(mergeProps(mockStateProps, {}, {}), {
-        currentCurrency: 'usd',
-        selectedToken: {
-          address: '0x1',
-          decimals: '4',
-          symbol: 'ABC',
-        },
-        selectedTokenExchangeRate: 5,
-        suffix: 'ABC',
-      })
-    })
-  })
-})
diff --git a/ui/app/components/token-input/token-input.component.js b/ui/app/components/token-input/token-input.component.js
deleted file mode 100644
index 398b762ec..000000000
--- a/ui/app/components/token-input/token-input.component.js
+++ /dev/null
@@ -1,145 +0,0 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import UnitInput from '../unit-input'
-import CurrencyDisplay from '../currency-display'
-import { getWeiHexFromDecimalValue } from '../../helpers/conversions.util'
-import ethUtil from 'ethereumjs-util'
-import { conversionUtil, multiplyCurrencies } from '../../conversion-util'
-import { ETH } from '../../constants/common'
-
-/**
- * Component that allows user to enter token values as a number, and props receive a converted
- * hex value. props.value, used as a default or forced value, should be a hex value, which
- * gets converted into a decimal value.
- */
-export default class TokenInput extends PureComponent {
-  static contextTypes = {
-    t: PropTypes.func,
-  }
-
-  static propTypes = {
-    currentCurrency: PropTypes.string,
-    onChange: PropTypes.func,
-    onBlur: PropTypes.func,
-    value: PropTypes.string,
-    suffix: PropTypes.string,
-    showFiat: PropTypes.bool,
-    hideConversion: PropTypes.bool,
-    selectedToken: PropTypes.object,
-    selectedTokenExchangeRate: PropTypes.number,
-  }
-
-  constructor (props) {
-    super(props)
-
-    const { value: hexValue } = props
-    const decimalValue = hexValue ? this.getValue(props) : 0
-
-    this.state = {
-      decimalValue,
-      hexValue,
-    }
-  }
-
-  componentDidUpdate (prevProps) {
-    const { value: prevPropsHexValue } = prevProps
-    const { value: propsHexValue } = this.props
-    const { hexValue: stateHexValue } = this.state
-
-    if (prevPropsHexValue !== propsHexValue && propsHexValue !== stateHexValue) {
-      const decimalValue = this.getValue(this.props)
-      this.setState({ hexValue: propsHexValue, decimalValue })
-    }
-  }
-
-  getValue (props) {
-    const { value: hexValue, selectedToken: { decimals, symbol } = {} } = props
-
-    const multiplier = Math.pow(10, Number(decimals || 0))
-    const decimalValueString = conversionUtil(ethUtil.addHexPrefix(hexValue), {
-      fromNumericBase: 'hex',
-      toNumericBase: 'dec',
-      toCurrency: symbol,
-      conversionRate: multiplier,
-      invertConversionRate: true,
-    })
-
-    return Number(decimalValueString) ? decimalValueString : ''
-  }
-
-  handleChange = decimalValue => {
-    const { selectedToken: { decimals } = {}, onChange } = this.props
-
-    const multiplier = Math.pow(10, Number(decimals || 0))
-    const hexValue = multiplyCurrencies(decimalValue || 0, multiplier, { toNumericBase: 'hex' })
-
-    this.setState({ hexValue, decimalValue })
-    onChange(hexValue)
-  }
-
-  handleBlur = () => {
-    this.props.onBlur(this.state.hexValue)
-  }
-
-  renderConversionComponent () {
-    const { selectedTokenExchangeRate, showFiat, currentCurrency, hideConversion } = this.props
-    const { decimalValue } = this.state
-    let currency, numberOfDecimals
-
-    if (hideConversion) {
-      return (
-        <div className="currency-input__conversion-component">
-          { this.context.t('noConversionRateAvailable') }
-        </div>
-      )
-    }
-
-    if (showFiat) {
-      // Display Fiat
-      currency = currentCurrency
-      numberOfDecimals = 2
-    } else {
-      // Display ETH
-      currency = ETH
-      numberOfDecimals = 6
-    }
-
-    const decimalEthValue = (decimalValue * selectedTokenExchangeRate) || 0
-    const hexWeiValue = getWeiHexFromDecimalValue({
-      value: decimalEthValue,
-      fromCurrency: ETH,
-      fromDenomination: ETH,
-    })
-
-    return selectedTokenExchangeRate
-      ? (
-        <CurrencyDisplay
-          className="currency-input__conversion-component"
-          currency={currency}
-          value={hexWeiValue}
-          numberOfDecimals={numberOfDecimals}
-        />
-      ) : (
-        <div className="currency-input__conversion-component">
-          { this.context.t('noConversionRateAvailable') }
-        </div>
-      )
-  }
-
-  render () {
-    const { suffix, ...restProps } = this.props
-    const { decimalValue } = this.state
-
-    return (
-      <UnitInput
-        {...restProps}
-        suffix={suffix}
-        onChange={this.handleChange}
-        onBlur={this.handleBlur}
-        value={decimalValue}
-      >
-        { this.renderConversionComponent() }
-      </UnitInput>
-    )
-  }
-}
diff --git a/ui/app/components/token-input/token-input.container.js b/ui/app/components/token-input/token-input.container.js
deleted file mode 100644
index a00d200f7..000000000
--- a/ui/app/components/token-input/token-input.container.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { connect } from 'react-redux'
-import TokenInput from './token-input.component'
-import {getIsMainnet, getSelectedToken, getSelectedTokenExchangeRate, preferencesSelector} from '../../selectors'
-
-const mapStateToProps = state => {
-  const { metamask: { currentCurrency } } = state
-  const { showFiatInTestnets } = preferencesSelector(state)
-  const isMainnet = getIsMainnet(state)
-
-  return {
-    currentCurrency,
-    selectedToken: getSelectedToken(state),
-    selectedTokenExchangeRate: getSelectedTokenExchangeRate(state),
-    hideConversion: (!isMainnet && !showFiatInTestnets),
-  }
-}
-
-const mergeProps = (stateProps, dispatchProps, ownProps) => {
-  const { selectedToken } = stateProps
-  const suffix = selectedToken && selectedToken.symbol
-
-  return {
-    ...stateProps,
-    ...dispatchProps,
-    ...ownProps,
-    suffix,
-  }
-}
-
-export default connect(mapStateToProps, null, mergeProps)(TokenInput)