GA logging for order creation

2 files changed, 21 insertions, 4 deletions

diff --git a/packages/website/ts/components/generate_order/generate_order_form.tsx b/packages/website/ts/components/generate_order/generate_order_form.tsx
index df1241d8d..c07e6173a 100644
--- a/packages/website/ts/components/generate_order/generate_order_form.tsx
+++ b/packages/website/ts/components/generate_order/generate_order_form.tsx
@@ -4,6 +4,7 @@ import * as _ from 'lodash';
 import Dialog from 'material-ui/Dialog';
 import Divider from 'material-ui/Divider';
 import * as React from 'react';
+import * as ReactGA from 'react-ga';
 import { Blockchain } from 'ts/blockchain';
 import { ExpirationInput } from 'ts/components/inputs/expiration_input';
 import { HashInput } from 'ts/components/inputs/hash_input';
@@ -261,6 +262,12 @@ export class GenerateOrderForm extends React.Component<GenerateOrderFormProps, G
         ) {
             const didSignSuccessfully = await this._signTransactionAsync();
             if (didSignSuccessfully) {
+                ReactGA.event({
+                    category: 'Portal',
+                    action: 'Sign Order Success',
+                    label: this.props.tokenByAddress[debitToken.address].symbol,
+                    value: debitToken.amount,
+                });
                 this.setState({
                     globalErrMsg: '',
                     shouldShowIncompleteErrs: false,
@@ -273,6 +280,11 @@ export class GenerateOrderForm extends React.Component<GenerateOrderFormProps, G
                 globalErrMsg = 'You must enable wallet communication';
                 this.props.dispatcher.updateShouldBlockchainErrDialogBeOpen(true);
             }
+            ReactGA.event({
+                category: 'Portal',
+                action: 'Sign Order Failure',
+                label: globalErrMsg,
+            });
             this.setState({
                 globalErrMsg,
                 shouldShowIncompleteErrs: true,
diff --git a/packages/website/ts/components/inputs/allowance_toggle.tsx b/packages/website/ts/components/inputs/allowance_toggle.tsx
index 26c693dee..dc6fdc198 100644
--- a/packages/website/ts/components/inputs/allowance_toggle.tsx
+++ b/packages/website/ts/components/inputs/allowance_toggle.tsx
@@ -76,15 +76,20 @@ export class AllowanceToggle extends React.Component<AllowanceToggleProps, Allow
         }
         try {
             await this.props.blockchain.setProxyAllowanceAsync(this.props.token, newAllowanceAmountInBaseUnits)
-            .then((fulfilled: any) => {
+            .then(() => {
                 ReactGA.event({
                     category: 'Portal',
-                    action: 'Set Allowance',
+                    action: 'Set Allowance Success',
+                    label: this.props.token.symbol,
+                    value: newAllowanceAmountInBaseUnits,
+                });
+            }, () => {
+                ReactGA.event({
+                    category: 'Portal',
+                    action: 'Set Allowance Failure',
                     label: this.props.token.symbol,
                     value: newAllowanceAmountInBaseUnits,
                 });
-            }, (rejected: any) => {
-                console.log(rejected);
             });
             await this.props.refetchTokenStateAsync();
         } catch (err) {