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/app/src/ui/components/ToolbarIcon.tsx

@@ -12,6 +12,7 @@ import Tooltip from './Tooltip';
 import {colors} from './colors';
 import styled from '@emotion/styled';
 import React from 'react';
+import {Tracked} from 'flipper-plugin';
 
 type Props = React.ComponentProps<typeof ToolbarIconContainer> & {
   active?: boolean;
@@ -30,17 +31,19 @@ const ToolbarIconContainer = styled.div({
 export default function ToolbarIcon({active, icon, title, ...props}: Props) {
   return (
     <Tooltip title={title}>
-      <ToolbarIconContainer {...props}>
-        <Glyph
-          name={icon}
-          size={16}
-          color={
-            active
-              ? colors.macOSTitleBarIconSelected
-              : colors.macOSTitleBarIconActive
-          }
-        />
-      </ToolbarIconContainer>
+      <Tracked action={title}>
+        <ToolbarIconContainer {...props}>
+          <Glyph
+            name={icon}
+            size={16}
+            color={
+              active
+                ? colors.macOSTitleBarIconSelected
+                : colors.macOSTitleBarIconActive
+            }
+          />
+        </ToolbarIconContainer>
+      </Tracked>
     </Tooltip>
   );
 }