From f7fbd762941522c64b81fc9c3a960b632de939b4 Mon Sep 17 00:00:00 2001
From: Anastasia Poupeney <anastasiasergienko@gmail.com>
Date: Fri, 29 Jun 2018 14:35:23 +0200
Subject: [PATCH] adding analytics to the manager page

---
 src/components/ManagerPage/AppsList.js        |  7 +++++++
 src/components/ManagerPage/Dashboard.js       |  2 ++
 src/components/ManagerPage/FirmwareUpdate.js  |  1 -
 src/components/ManagerPage/ManagerApp.js      | 21 +++++++++++++++++--
 .../ManagerPage/ManagerGenuineCheck.js        |  2 ++
 .../ManagerPage/UpdateFirmwareButton.js       |  9 +++++++-
 src/components/ManagerPage/index.js           |  1 +
 7 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/src/components/ManagerPage/AppsList.js b/src/components/ManagerPage/AppsList.js
index 5678231b..2dea2bef 100644
--- a/src/components/ManagerPage/AppsList.js
+++ b/src/components/ManagerPage/AppsList.js
@@ -26,6 +26,7 @@ import Progress from 'components/base/Progress'
 import Spinner from 'components/base/Spinner'
 import Button from 'components/base/Button'
 import TranslatedError from 'components/TranslatedError'
+import TrackPage from 'analytics/TrackPage'
 
 import IconInfoCircle from 'icons/InfoCircle'
 import ExclamationCircleThin from 'icons/ExclamationCircleThin'
@@ -193,6 +194,12 @@ class AppsList extends PureComponent<Props, State> {
               </Fragment>
             ) : status === 'error' ? (
               <Fragment>
+                <TrackPage
+                  category="Manager"
+                  name="Error Modal"
+                  error={error && error.name}
+                  app={app}
+                />
                 <ModalContent grow align="center" justify="center" mt={3}>
                   <Box color="alertRed">
                     <ExclamationCircleThin size={44} />
diff --git a/src/components/ManagerPage/Dashboard.js b/src/components/ManagerPage/Dashboard.js
index 78f8e383..10026172 100644
--- a/src/components/ManagerPage/Dashboard.js
+++ b/src/components/ManagerPage/Dashboard.js
@@ -7,6 +7,7 @@ import type { DeviceInfo } from 'helpers/devices/getDeviceInfo'
 
 import Box from 'components/base/Box'
 import Text from 'components/base/Text'
+import TrackPage from 'analytics/TrackPage'
 
 import AppsList from './AppsList'
 import FirmwareUpdate from './FirmwareUpdate'
@@ -19,6 +20,7 @@ type Props = {
 
 const Dashboard = ({ device, deviceInfo, t }: Props) => (
   <Box flow={4} pb={8}>
+    <TrackPage category="Manager" name="Genuine Check" />
     <Box>
       <Text ff="Museo Sans|Regular" fontSize={7} color="black">
         {t('app:manager.title')}
diff --git a/src/components/ManagerPage/FirmwareUpdate.js b/src/components/ManagerPage/FirmwareUpdate.js
index 103e1c89..f5a896ef 100644
--- a/src/components/ManagerPage/FirmwareUpdate.js
+++ b/src/components/ManagerPage/FirmwareUpdate.js
@@ -124,7 +124,6 @@ class FirmwareUpdate extends PureComponent<Props, State> {
   render() {
     const { deviceInfo, t } = this.props
     const { latestFirmware, modal } = this.state
-
     return (
       <Card p={4}>
         <Box horizontal align="center" flow={2}>
diff --git a/src/components/ManagerPage/ManagerApp.js b/src/components/ManagerPage/ManagerApp.js
index 7661e3ab..078818e4 100644
--- a/src/components/ManagerPage/ManagerApp.js
+++ b/src/components/ManagerPage/ManagerApp.js
@@ -63,10 +63,27 @@ function ManagerApp({ name, version, icon, onInstall, onUninstall, t }: Props) {
           {version}
         </Text>
       </Box>
-      <Button outline onClick={onInstall}>
+      <Button
+        outline
+        onClick={onInstall}
+        event={'Manager Install Click'}
+        eventProperties={{
+          appName: name,
+          appVersion: version,
+        }}
+      >
         {t('app:manager.apps.install')}
       </Button>
-      <Button outline onClick={onUninstall} outlineColor="grey">
+      <Button
+        outline
+        onClick={onUninstall}
+        event={'Manager Uninstall Click'}
+        eventProperties={{
+          appName: name,
+          appVersion: version,
+        }}
+        outlineColor="grey"
+      >
         <Trash size={16} fill="grey" />
       </Button>
     </Container>
diff --git a/src/components/ManagerPage/ManagerGenuineCheck.js b/src/components/ManagerPage/ManagerGenuineCheck.js
index 27d34841..8b7effc3 100644
--- a/src/components/ManagerPage/ManagerGenuineCheck.js
+++ b/src/components/ManagerPage/ManagerGenuineCheck.js
@@ -11,6 +11,7 @@ import GenuineCheck from 'components/GenuineCheck'
 import Box from 'components/base/Box'
 import Space from 'components/base/Space'
 import Text from 'components/base/Text'
+import TrackPage from 'analytics/TrackPage'
 
 type Props = {
   t: T,
@@ -22,6 +23,7 @@ class ManagerGenuineCheck extends PureComponent<Props> {
     const { t, onSuccess } = this.props
     return (
       <Box align="center">
+        <TrackPage category="Manager" name="Genuine Check" />
         <Space of={60} />
         <Box align="center" style={{ maxWidth: 460 }}>
           <img
diff --git a/src/components/ManagerPage/UpdateFirmwareButton.js b/src/components/ManagerPage/UpdateFirmwareButton.js
index e3a58aac..d68b7fc6 100644
--- a/src/components/ManagerPage/UpdateFirmwareButton.js
+++ b/src/components/ManagerPage/UpdateFirmwareButton.js
@@ -27,7 +27,14 @@ const UpdateFirmwareButton = ({ t, firmware, onClick }: Props) =>
       <Text ff="Open Sans|Regular" fontSize={4} style={{ marginLeft: 'auto', marginRight: 15 }}>
         {t('app:manager.firmware.latest', { version: getCleanVersion(firmware.name) })}
       </Text>
-      <Button primary onClick={onClick}>
+      <Button
+        primary
+        onClick={onClick}
+        event={'Manager Firmware Update Click'}
+        eventProperties={{
+          firmwareName: firmware.name,
+        }}
+      >
         {t('app:manager.firmware.update')}
       </Button>
     </Fragment>
diff --git a/src/components/ManagerPage/index.js b/src/components/ManagerPage/index.js
index 9eba78a4..154de7ce 100644
--- a/src/components/ManagerPage/index.js
+++ b/src/components/ManagerPage/index.js
@@ -9,6 +9,7 @@ import type { DeviceInfo } from 'helpers/devices/getDeviceInfo'
 import Dashboard from './Dashboard'
 
 import ManagerGenuineCheck from './ManagerGenuineCheck'
+import TrackPage from 'analytics/TrackPage'
 
 type Props = {}