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
This commit is contained in:
Ananya Arun
2021-08-04 04:15:52 -07:00
committed by Facebook GitHub Bot
parent 84ec5813b6
commit a5b83dc148

View File

@@ -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>
);