From 11b2fee8a87652bc026e3b10c761b3831b27b0cd Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Fri, 3 Aug 2018 08:55:16 -0400
Subject: [PATCH] Add instrumentation for connecting and connected events for
extensions
---
src/containers/connection-modal.jsx | 21 +++++++++++++++++++++
1 file changed, 21 insertions(+)
diff --git a/src/containers/connection-modal.jsx b/src/containers/connection-modal.jsx
index 50862fbd2..82b4dbd5f 100644
--- a/src/containers/connection-modal.jsx
+++ b/src/containers/connection-modal.jsx
@@ -3,6 +3,7 @@ import React from 'react';
import bindAll from 'lodash.bindall';
import ConnectionModalComponent, {PHASES} from '../components/connection-modal/connection-modal.jsx';
import VM from 'scratch-vm';
+import analytics from '../lib/analytics';
class ConnectionModal extends React.Component {
constructor (props) {
@@ -43,6 +44,11 @@ class ConnectionModal extends React.Component {
this.setState({
phase: PHASES.connecting
});
+ analytics.event({
+ category: 'extensions',
+ action: 'connecting',
+ label: this.props.extensionId
+ });
}
handleDisconnect () {
this.props.onStatusButtonUpdate(this.props.extensionId, 'not ready');
@@ -68,6 +74,11 @@ class ConnectionModal extends React.Component {
this.setState({
phase: PHASES.error
});
+ analytics.event({
+ category: 'extensions',
+ action: 'connecting error',
+ label: this.props.extensionId
+ });
}
}
handleConnected () {
@@ -75,9 +86,19 @@ class ConnectionModal extends React.Component {
this.setState({
phase: PHASES.connected
});
+ analytics.event({
+ category: 'extensions',
+ action: 'connected',
+ label: this.props.extensionId
+ });
}
handleHelp () {
window.open(this.props.helpLink, '_blank');
+ analytics.event({
+ category: 'extensions',
+ action: 'help',
+ label: this.props.extensionId
+ });
}
render () {
return (
--
GitLab