1 files changed, 31 insertions, 0 deletions
diff --git a/ui/app/components/ui/currency-input/currency-input.container.js b/ui/app/components/ui/currency-input/currency-input.container.js
new file mode 100644
index 000000000..b5d7dfe6d
--- /dev/null
+++ b/ui/app/components/ui/currency-input/currency-input.container.js
@@ -0,0 +1,31 @@
+import { connect } from 'react-redux'
+import CurrencyInput from './currency-input.component'
+import { ETH } from '../../../helpers/constants/common'
+import {getIsMainnet, preferencesSelector} from '../../../selectors/selectors'
+
+const mapStateToProps = state => {
+  const { metamask: { nativeCurrency, currentCurrency, conversionRate } } = state
+  const { showFiatInTestnets } = preferencesSelector(state)
+  const isMainnet = getIsMainnet(state)
+
+  return {
+    nativeCurrency,
+    currentCurrency,
+    conversionRate,
+    hideFiat: (!isMainnet && !showFiatInTestnets),
+  }
+}
+
+const mergeProps = (stateProps, dispatchProps, ownProps) => {
+  const { nativeCurrency, currentCurrency } = stateProps
+
+  return {
+    ...stateProps,
+    ...dispatchProps,
+    ...ownProps,
+    nativeSuffix: nativeCurrency || ETH,
+    fiatSuffix: currentCurrency.toUpperCase(),
+  }
+}
+
+export default connect(mapStateToProps, null, mergeProps)(CurrencyInput)