Wire up tracking to Sandy Chrome

Summary: Wired up tracking to all chrome sections and some import UI elements

Reviewed By: jknoxville

Differential Revision: D25219089

fbshipit-source-id: c75bed91894609dafc5fcc6423a5228211fb92d8

desktop/flipper-plugin/src/index.ts

@@ -58,6 +58,7 @@ export {
   setGlobalInteractionReporter as _setGlobalInteractionReporter,
   withTrackingScope,
   useTrackedCallback,
+  wrapInteractionHandler as _wrapInteractionHandler,
 } from './ui/Tracked';
 
 export {sleep} from './utils/sleep';

desktop/flipper-plugin/src/ui/NUX.tsx

@@ -21,6 +21,7 @@ import {createHash} from 'crypto';
 import type {TooltipPlacement} from 'antd/lib/tooltip';
 import {SandyPluginInstance} from '../plugin/Plugin';
 import {theme} from './theme';
+import {Tracked} from './Tracked';
 
 const {Text} = Typography;
 
@@ -121,9 +122,11 @@ export function NUX({
                 style={{color: theme.textColorPrimary}}>
                 <BulbTwoTone style={{fontSize: 24}} />
                 <Text>{title}</Text>
-                <Button size="small" type="default" onClick={dismiss}>
-                  Dismiss
-                </Button>
+                <Tracked action={'nux:dismiss:' + title.substr(0, 50)}>
+                  <Button size="small" type="default" onClick={dismiss}>
+                    Dismiss
+                  </Button>
+                </Tracked>
               </Layout.Container>
             }>
             <Pulse />

desktop/flipper-plugin/src/ui/Tracked.tsx

@@ -109,7 +109,6 @@ export function useTrackedCallback<T extends Function>(
   }, deps) as any;
 }
 
-// Exported for test
 export function wrapInteractionHandler<T extends Function>(
   fn: T,
   element: React.ReactElement | null | string,