1 files changed, 44 insertions, 0 deletions
diff --git a/ui/app/components/send_/send-content/send-from-row/send-from-row.container.js b/ui/app/components/send_/send-content/send-from-row/send-from-row.container.js
new file mode 100644
index 000000000..2ff3f0ccd
--- /dev/null
+++ b/ui/app/components/send_/send-content/send-from-row/send-from-row.container.js
@@ -0,0 +1,44 @@
+import {
+    getSendFrom,
+    conversionRateSelector,
+    getSelectedTokenContract,
+    getCurrentAccountWithSendEtherInfo,
+    accountsWithSendEtherInfoSelector,
+} from '../../send.selectors.js'
+import { getFromDropdownOpen } from './send-from-row.selectors.js'
+import { calcTokenUpdateAmount } from './send-from-row.utils.js'
+import {
+    updateSendTokenBalance,
+    updateSendFrom,
+} from '../../../actions'
+import {
+    openFromDropdown,
+    closeFromDropdown,
+} from '../../../ducks/send'
+import SendFromRow from './send-from-row.component'
+
+export default connect(mapStateToProps, mapDispatchToProps)(SendFromRow)
+
+function mapStateToProps (state) {
+  return {
+    from: getSendFrom(state) || getCurrentAccountWithSendEtherInfo(state),
+    fromAccounts: accountsWithSendEtherInfoSelector(state),
+    conversionRate: conversionRateSelector(state),
+    fromDropdownOpen: getFromDropdownOpen(state),
+    tokenContract: getSelectedTokenContract(state),
+  }
+}
+
+function mapDispatchToProps (dispatch) {
+  return {
+    updateSendTokenBalance: (usersToken, selectedToken) => {
+        if (!usersToken) return
+
+        const tokenBalance = calcTokenUpdateAmount(selectedToken, selectedToken)
+        dispatch(updateSendTokenBalance(tokenBalance))
+    },
+    updateSendFrom: newFrom => dispatch(updateSendFrom(newFrom)),
+    openFromDropdown: () => dispatch(()),
+    closeFromDropdown: () => dispatch(()),
+  }
+}