2 files changed, 24 insertions, 4 deletions
diff --git a/ui/app/components/transaction-view-balance/tests/token-view-balance.component.test.js b/ui/app/components/transaction-view-balance/tests/token-view-balance.component.test.js
index 513a8aac9..efc987371 100644
--- a/ui/app/components/transaction-view-balance/tests/token-view-balance.component.test.js
+++ b/ui/app/components/transaction-view-balance/tests/token-view-balance.component.test.js
@@ -16,6 +16,7 @@ const historySpies = {
 }
 
 const t = (str1, str2) => str2 ? str1 + str2 : str1
+const metricsEvent = () => ({})
 
 describe('TransactionViewBalance Component', () => {
   afterEach(() => {
@@ -31,7 +32,7 @@ describe('TransactionViewBalance Component', () => {
       ethBalance={123}
       fiatBalance={456}
       currentCurrency="usd"
-    />, { context: { t } })
+    />, { context: { t, metricsEvent } })
 
     assert.equal(wrapper.find('.transaction-view-balance').length, 1)
     assert.equal(wrapper.find('.transaction-view-balance__button').length, 2)
diff --git a/ui/app/components/transaction-view-balance/transaction-view-balance.component.js b/ui/app/components/transaction-view-balance/transaction-view-balance.component.js
index b16e04f4f..a18e959b5 100644
--- a/ui/app/components/transaction-view-balance/transaction-view-balance.component.js
+++ b/ui/app/components/transaction-view-balance/transaction-view-balance.component.js
@@ -12,6 +12,7 @@ import Tooltip from '../tooltip-v2'
 export default class TransactionViewBalance extends PureComponent {
   static contextTypes = {
     t: PropTypes.func,
+    metricsEvent: PropTypes.func,
   }
 
   static propTypes = {
@@ -78,7 +79,7 @@ export default class TransactionViewBalance extends PureComponent {
   }
 
   renderButtons () {
-    const { t } = this.context
+    const { t, metricsEvent } = this.context
     const { selectedToken, showDepositModal, history } = this.props
 
     return (
@@ -88,7 +89,16 @@ export default class TransactionViewBalance extends PureComponent {
             <Button
               type="primary"
               className="transaction-view-balance__button"
-              onClick={() => showDepositModal()}
+              onClick={() => {
+                metricsEvent({
+                  eventOpts: {
+                    category: 'Navigation',
+                    action: 'Home',
+                    name: 'Clicked Deposit',
+                  },
+                })
+                showDepositModal()
+              }}
             >
               { t('deposit') }
             </Button>
@@ -97,7 +107,16 @@ export default class TransactionViewBalance extends PureComponent {
         <Button
           type="primary"
           className="transaction-view-balance__button"
-          onClick={() => history.push(SEND_ROUTE)}
+          onClick={() => {
+            metricsEvent({
+              eventOpts: {
+                category: 'Navigation',
+                action: 'Home',
+                name: 'Clicked Send',
+              },
+            })
+            history.push(SEND_ROUTE)
+          }}
         >
           { t('send') }
         </Button>