diff options
Diffstat (limited to 'ui/app/components/transaction-view-balance')
-rw-r--r-- | ui/app/components/transaction-view-balance/tests/token-view-balance.component.test.js | 3 | ||||
-rw-r--r-- | ui/app/components/transaction-view-balance/transaction-view-balance.component.js | 25 |
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> |