tracking: Add Mixpanel event on Control clicks

We'd like to gain some insight on how controls are used.
weaveworks · Sep 22, 2017 · 802559e · 802559e
1 parent 60844e2
commit 802559e
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/client/app/scripts/components/node-details/node-details-control-button.js b/client/app/scripts/components/node-details/node-details-control-button.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { connect } from 'react-redux';
 
+import { trackMixpanelEvent } from '../../utils/tracking-utils';
 import { doControl } from '../../actions/app-actions';
 
 class NodeDetailsControlButton extends React.Component {
@@ -21,6 +22,8 @@ class NodeDetailsControlButton extends React.Component {
 
   handleClick(ev) {
     ev.preventDefault();
+    const { id, human } = this.props.control;
+    trackMixpanelEvent('scope.node.control.click', { id, title: human });
     this.props.dispatch(doControl(this.props.nodeId, this.props.control));
   }
 }