1 files changed, 16 insertions, 18 deletions
diff --git a/ui/app/send-v2.js b/ui/app/send-v2.js
index 30d3d3152..c5085d9ec 100644
--- a/ui/app/send-v2.js
+++ b/ui/app/send-v2.js
@@ -32,6 +32,11 @@ const {
 const { isValidAddress } = require('./util')
 const { CONFIRM_TRANSACTION_ROUTE, DEFAULT_ROUTE } = require('./routes')
 
+import PageContainer from './components/page-container/page-container.component'
+import SendHeader from './components/send_/send-header/send-header.container'
+import PageContainerContent from './components/page-container/page-container-content.component'
+import PageContainerFooter from './components/page-container/page-container-footer.component'
+
 SendTransactionScreen.contextTypes = {
   t: PropTypes.func,
 }
@@ -467,7 +472,7 @@ SendTransactionScreen.prototype.renderMemoRow = function () {
 }
 
 SendTransactionScreen.prototype.renderForm = function () {
-  return h('.page-container__content', {}, [
+  return h(PageContainerContent, [
     h('.send-v2__form', [
       this.renderFromRow(),
 
@@ -476,9 +481,6 @@ SendTransactionScreen.prototype.renderForm = function () {
       this.renderAmountRow(),
 
       this.renderGasRow(),
-
-      // this.renderMemoRow(),
-
     ]),
   ])
 }
@@ -496,26 +498,22 @@ SendTransactionScreen.prototype.renderFooter = function () {
   const missingTokenBalance = selectedToken && !tokenBalance
   const noErrors = !amountError && toError === null
 
-  return h('div.page-container__footer', [
-    h('button.btn-secondary--lg.page-container__footer-button', {
-      onClick: () => {
-        clearSend()
-        history.push(DEFAULT_ROUTE)
-      },
-    }, this.context.t('cancel')),
-    h('button.btn-primary--lg.page-container__footer-button', {
-      disabled: !noErrors || !gasTotal || missingTokenBalance,
-      onClick: event => this.onSubmit(event),
-    }, this.context.t('next')),
-  ])
+  return h(PageContainerFooter, {
+    onCancel: () => {
+      clearSend()
+      history.push(DEFAULT_ROUTE)
+    },
+    onSubmit: e => this.onSubmit(e),
+    disabled: !noErrors || !gasTotal || missingTokenBalance,
+  })
 }
 
 SendTransactionScreen.prototype.render = function () {
   return (
 
-    h('div.page-container', [
+    h(PageContainer, [
 
-      this.renderHeader(),
+      h(SendHeader),
 
       this.renderForm(),