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,6 +63,8 @@ export const TreeControls: React.FC = () => {
             {isPaused ? <PlayCircleOutlined /> : <PauseCircleOutlined />}
           </Tooltip>
         }></Button>
+      {frameworkEventMonitoring.size > 0 && (
+        <>
           <Button
             type="default"
             shape="circle"
@@ -74,17 +76,19 @@ export const TreeControls: React.FC = () => {
                 <EyeOutlined />
               </Tooltip>
             }></Button>
-      {frameworkEventMonitoring.size > 0 && (
           <FrameworkEventsMonitoringModal
             filterMainThreadMonitoring={filterMainThreadMonitoring}
             onSetFilterMainThreadMonitoring={
               instance.uiActions.onSetFilterMainThreadMonitoring
             }
             frameworkEventTypes={[...frameworkEventMonitoring.entries()]}
-          onSetEventMonitored={instance.uiActions.onSetFrameworkEventMonitored}
+            onSetEventMonitored={
+              instance.uiActions.onSetFrameworkEventMonitored
+            }
             visible={showFrameworkEventsModal}
             onCancel={() => setShowFrameworkEventsModal(false)}
           />
+        </>
       )}
     </Layout.Horizontal>
   );