From 598ce0d40129b7426d47404a3e6ff886c2e186b9 Mon Sep 17 00:00:00 2001
From: Thomas Schmidt <tomhschmidt@thomass-mbp-2.lan>
Date: Mon, 5 Feb 2018 15:57:29 -0800
Subject: Switch GA to React GA and add logging for Portal

---
 packages/website/ts/components/inputs/allowance_toggle.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'packages/website/ts/components')

diff --git a/packages/website/ts/components/inputs/allowance_toggle.tsx b/packages/website/ts/components/inputs/allowance_toggle.tsx
index 45531e74b..26c693dee 100644
--- a/packages/website/ts/components/inputs/allowance_toggle.tsx
+++ b/packages/website/ts/components/inputs/allowance_toggle.tsx
@@ -2,6 +2,7 @@ import { BigNumber } from '@0xproject/utils';
 import * as _ from 'lodash';
 import Toggle from 'material-ui/Toggle';
 import * as React from 'react';
+import * as ReactGA from 'react-ga';
 import { Blockchain } from 'ts/blockchain';
 import { Dispatcher } from 'ts/redux/dispatcher';
 import { BalanceErrs, Token, TokenState } from 'ts/types';
@@ -74,7 +75,17 @@ export class AllowanceToggle extends React.Component<AllowanceToggleProps, Allow
             newAllowanceAmountInBaseUnits = DEFAULT_ALLOWANCE_AMOUNT_IN_BASE_UNITS;
         }
         try {
-            await this.props.blockchain.setProxyAllowanceAsync(this.props.token, newAllowanceAmountInBaseUnits);
+            await this.props.blockchain.setProxyAllowanceAsync(this.props.token, newAllowanceAmountInBaseUnits)
+            .then((fulfilled: any) => {
+                ReactGA.event({
+                    category: 'Portal',
+                    action: 'Set Allowance',
+                    label: this.props.token.symbol,
+                    value: newAllowanceAmountInBaseUnits,
+                });
+            }, (rejected: any) => {
+                console.log(rejected);
+            });
             await this.props.refetchTokenStateAsync();
         } catch (err) {
             this.setState({
-- 
cgit v1.2.3