From a5b83dc148d51dbf310cd1417628ee8a25751fbf Mon Sep 17 00:00:00 2001
From: Ananya Arun <ananyaarun@fb.com>
Date: Wed, 4 Aug 2021 04:15:52 -0700
Subject: [PATCH] Add tracking for usage statistics

Summary:
- This diff adds usage statistics for
    - How often was the troubleshooting button opened
    - What were its end states ( Problem solved or file a support request)

- I am using the tracked flipper plugin to obtain and analyse the stats on Infinity analytics events dev in Scuba backend.
(Since this is not yet productionized we are using the dev version now )

Reviewed By: nikoant

Differential Revision: D30098054

fbshipit-source-id: 871cc18872bccf70a829dc1dd173a337b02ec6e6
---
 .../troubleshooting/GuideEndScreen.tsx        | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/desktop/app/src/sandy-chrome/appinspect/troubleshooting/GuideEndScreen.tsx b/desktop/app/src/sandy-chrome/appinspect/troubleshooting/GuideEndScreen.tsx
index 253352565..9523e7273 100644
--- a/desktop/app/src/sandy-chrome/appinspect/troubleshooting/GuideEndScreen.tsx
+++ b/desktop/app/src/sandy-chrome/appinspect/troubleshooting/GuideEndScreen.tsx
@@ -14,6 +14,7 @@ import {getInstance as getFormInstance} from '../../../fb-stubs/Logger';
 import {useDispatch} from '../../../utils/useStore';
 import {setStaticView} from '../../../reducers/connections';
 import SupportRequestFormV2 from '../../../fb-stubs/SupportRequestFormV2';
+import {Tracked} from 'flipper-plugin';
 
 export function GuideEndScreen(props: {
   showModal: boolean;
@@ -41,17 +42,21 @@ export function GuideEndScreen(props: {
       onCancel={() => props.toggleModal(false)}
       bodyStyle={{maxHeight: 800, overflow: 'auto'}}>
       <Layout.Horizontal gap="huge">
-        <Button
-          type="primary"
-          style={{flex: 1, marginBottom: 18}}
-          onClick={problemSolved}>
-          Problem Solved
-        </Button>
+        <Tracked>
+          <Button
+            type="primary"
+            style={{flex: 1, marginBottom: 18}}
+            onClick={problemSolved}>
+            Problem Solved
+          </Button>
+        </Tracked>
       </Layout.Horizontal>
       <Layout.Horizontal gap="huge">
-        <Button type="primary" style={{flex: 1}} onClick={loadForm}>
-          File Support Request
-        </Button>
+        <Tracked>
+          <Button type="primary" style={{flex: 1}} onClick={loadForm}>
+            File Support Request
+          </Button>
+        </Tracked>
       </Layout.Horizontal>
     </Modal>
   );