ONly show framework event monitoring where there are events

Reviewed By: antonk52

Differential Revision: D47757004

fbshipit-source-id: 44e0e6aff0213d3bf684652906abae28777cfe9e

desktop/plugins/public/ui-debugger/components/tree/TreeControls.tsx

@@ -63,28 +63,32 @@ export const TreeControls: React.FC = () => {
             {isPaused ? <PlayCircleOutlined /> : <PauseCircleOutlined />}
           </Tooltip>
         }></Button>
-      <Button
-        type="default"
-        shape="circle"
-        onClick={() => {
-          setShowFrameworkEventsModal(true);
-        }}
-        icon={
-          <Tooltip title="Framework event monitoring">
-            <EyeOutlined />
-          </Tooltip>
-        }></Button>
       {frameworkEventMonitoring.size > 0 && (
-        <FrameworkEventsMonitoringModal
+        <>
-          filterMainThreadMonitoring={filterMainThreadMonitoring}
+          <Button
-          onSetFilterMainThreadMonitoring={
+            type="default"
-            instance.uiActions.onSetFilterMainThreadMonitoring
+            shape="circle"
-          }
+            onClick={() => {
-          frameworkEventTypes={[...frameworkEventMonitoring.entries()]}
+              setShowFrameworkEventsModal(true);
-          onSetEventMonitored={instance.uiActions.onSetFrameworkEventMonitored}
+            }}
-          visible={showFrameworkEventsModal}
+            icon={
-          onCancel={() => setShowFrameworkEventsModal(false)}
+              <Tooltip title="Framework event monitoring">
-        />
+                <EyeOutlined />
+              </Tooltip>
+            }></Button>
+          <FrameworkEventsMonitoringModal
+            filterMainThreadMonitoring={filterMainThreadMonitoring}
+            onSetFilterMainThreadMonitoring={
+              instance.uiActions.onSetFilterMainThreadMonitoring
+            }
+            frameworkEventTypes={[...frameworkEventMonitoring.entries()]}
+            onSetEventMonitored={
+              instance.uiActions.onSetFrameworkEventMonitored
+            }
+            visible={showFrameworkEventsModal}
+            onCancel={() => setShowFrameworkEventsModal(false)}
+          />
+        </>
       )}
     </Layout.Horizontal>
   );