add GA events to Preview

lightingbeetle · Aug 30, 2019 · 912b310 · 912b310
1 parent e45ac7b
commit 912b310
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/packages/styleguide/src/components/Preview/Preview.js b/packages/styleguide/src/components/Preview/Preview.js
@@ -12,6 +12,7 @@ import cx from 'classnames';
 import Select from 'react-select';
 import styled from 'styled-components';
 import chroma from 'chroma-js';
+import ReactGA from 'react-ga';
 
 import PreviewTitleBar from './PreviewTitleBar';
 import CodeExample from './CodeExample';
@@ -121,22 +122,43 @@ class Preview extends Component {
     this.setState({
       isCodeShown: !this.state.isCodeShown,
     });
+
+    ReactGA.event({
+      category: 'Preview',
+      action: 'toggleCode',
+    });
   }
 
   handleToggleInteract() {
     this.setState({
       showInteract: !this.state.showInteract,
     });
+
+    ReactGA.event({
+      category: 'Preview',
+      action: 'toggleInteract',
+    });
   }
 
   handlePreviewBackground = previewBackground => {
     this.setState({ previewBackground });
+
+    ReactGA.event({
+      category: 'Preview',
+      action: 'changeBackground',
+      label: previewBackground.label,
+    });
   };
 
   handleToggleFullscreen() {
     this.setState({
       isFullscreen: !this.state.isFullscreen,
     });
+
+    ReactGA.event({
+      category: 'Preview',
+      action: 'toggleFullscreen',
+    });
   }
 
   return;