add analytic events for workspace actions

4 files changed, 27 insertions, 9 deletions

diff --git a/src/features/workspaces/components/CreateWorkspaceForm.js b/src/features/workspaces/components/CreateWorkspaceForm.js
index 8b5039246..a8f07d0d5 100644
--- a/src/features/workspaces/components/CreateWorkspaceForm.js
+++ b/src/features/workspaces/components/CreateWorkspaceForm.js
@@ -6,6 +6,8 @@ import { Input, Button } from '@meetfranz/forms';
 import injectSheet from 'react-jss';
 import Form from '../../../lib/Form';
 import { required } from '../../../helpers/validation-helpers';
+import { gaEvent } from '../../../lib/analytics';
+import { GA_CATEGORY_WORKSPACES } from '../index';
 
 const messages = defineMessages({
   submitButton: {
@@ -63,7 +65,9 @@ class CreateWorkspaceForm extends Component {
     form.submit({
       onSuccess: async (f) => {
         const { onSubmit } = this.props;
-        onSubmit(f.values());
+        const values = f.values();
+        onSubmit(values);
+        gaEvent(GA_CATEGORY_WORKSPACES, 'create', values.name);
       },
     });
   }
diff --git a/src/features/workspaces/components/EditWorkspaceForm.js b/src/features/workspaces/components/EditWorkspaceForm.js
index a9fd4d21c..e4bf44248 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.js
+++ b/src/features/workspaces/components/EditWorkspaceForm.js
@@ -12,6 +12,8 @@ import Form from '../../../lib/Form';
 import { required } from '../../../helpers/validation-helpers';
 import ServiceListItem from './ServiceListItem';
 import Request from '../../../stores/lib/Request';
+import { gaEvent } from '../../../lib/analytics';
+import { GA_CATEGORY_WORKSPACES } from '../index';
 
 const messages = defineMessages({
   buttonDelete: {
@@ -87,17 +89,24 @@ class EditWorkspaceForm extends Component {
     });
   }
 
-  submitForm(form) {
+  save(form) {
     form.submit({
       onSuccess: async (f) => {
         const { onSave } = this.props;
         const values = f.values();
         onSave(values);
+        gaEvent(GA_CATEGORY_WORKSPACES, 'save');
       },
       onError: async () => {},
     });
   }
 
+  delete() {
+    const { onDelete } = this.props;
+    onDelete();
+    gaEvent(GA_CATEGORY_WORKSPACES, 'delete');
+  }
+
   toggleService(service) {
     const servicesField = this.form.$('services');
     const serviceIds = servicesField.value;
@@ -113,7 +122,6 @@ class EditWorkspaceForm extends Component {
     const { intl } = this.context;
     const {
       classes,
-      onDelete,
       workspace,
       services,
       deleteWorkspaceRequest,
@@ -161,7 +169,7 @@ class EditWorkspaceForm extends Component {
             buttonType={isDeleting ? 'secondary' : 'danger'}
             className="settings__delete-button"
             disabled={isDeleting}
-            onClick={onDelete}
+            onClick={this.delete.bind(this)}
           />
           {/* ===== Save Button ===== */}
           <Button
@@ -169,7 +177,7 @@ class EditWorkspaceForm extends Component {
             label={intl.formatMessage(messages.buttonSave)}
             busy={isSaving}
             buttonType={isSaving ? 'secondary' : 'primary'}
-            onClick={this.submitForm.bind(this, form)}
+            onClick={this.save.bind(this, form)}
             disabled={isSaving}
           />
         </div>
diff --git a/src/features/workspaces/components/WorkspaceDrawer.js b/src/features/workspaces/components/WorkspaceDrawer.js
index 6dc779be9..4d48c45ef 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.js
+++ b/src/features/workspaces/components/WorkspaceDrawer.js
@@ -8,7 +8,8 @@ import ReactTooltip from 'react-tooltip';
 
 import WorkspaceDrawerItem from './WorkspaceDrawerItem';
 import { workspaceActions } from '../actions';
-import { workspaceStore } from '../index';
+import { GA_CATEGORY_WORKSPACES, workspaceStore } from '../index';
+import { gaEvent } from '../../../lib/analytics';
 
 const messages = defineMessages({
   headline: {
@@ -96,7 +97,10 @@ class WorkspaceDrawer extends Component {
         <div className={classes.workspaces}>
           <WorkspaceDrawerItem
             name={intl.formatMessage(messages.allServices)}
-            onClick={() => workspaceActions.deactivate()}
+            onClick={() => {
+              workspaceActions.deactivate();
+              gaEvent(GA_CATEGORY_WORKSPACES, 'switch', 'drawer');
+            }}
             services={getServicesForWorkspace(null)}
             isActive={actualWorkspace == null}
           />
@@ -105,7 +109,10 @@ class WorkspaceDrawer extends Component {
               key={workspace.id}
               name={workspace.name}
               isActive={actualWorkspace === workspace}
-              onClick={() => workspaceActions.activate({ workspace })}
+              onClick={() => {
+                workspaceActions.activate({ workspace });
+                gaEvent(GA_CATEGORY_WORKSPACES, 'switch', 'drawer');
+              }}
               services={getServicesForWorkspace(workspace)}
             />
           ))}
diff --git a/src/features/workspaces/components/WorkspacesDashboard.js b/src/features/workspaces/components/WorkspacesDashboard.js
index b31581a5b..52c3afdcf 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.js
+++ b/src/features/workspaces/components/WorkspacesDashboard.js
@@ -77,7 +77,6 @@ class WorkspacesDashboard extends Component {
       workspaces,
     } = this.props;
     const { intl } = this.context;
-    console.log(deleteWorkspaceRequest.result);
     return (
       <div className="settings__main">
         <div className="settings__header">