From c1a99a8a52dfefc37ac06cdf50b7c7a832ad6f05 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Wed, 26 Jul 2023 04:24:54 -0700
Subject: [PATCH] ONly show framework event monitoring where there are events

Reviewed By: antonk52

Differential Revision: D47757004

fbshipit-source-id: 44e0e6aff0213d3bf684652906abae28777cfe9e
---
 .../components/tree/TreeControls.tsx          | 46 ++++++++++---------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/desktop/plugins/public/ui-debugger/components/tree/TreeControls.tsx b/desktop/plugins/public/ui-debugger/components/tree/TreeControls.tsx
index d19e64743..a4213012a 100644
--- a/desktop/plugins/public/ui-debugger/components/tree/TreeControls.tsx
+++ b/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}
-          onSetFilterMainThreadMonitoring={
-            instance.uiActions.onSetFilterMainThreadMonitoring
-          }
-          frameworkEventTypes={[...frameworkEventMonitoring.entries()]}
-          onSetEventMonitored={instance.uiActions.onSetFrameworkEventMonitored}
-          visible={showFrameworkEventsModal}
-          onCancel={() => setShowFrameworkEventsModal(false)}
-        />
+        <>
+          <Button
+            type="default"
+            shape="circle"
+            onClick={() => {
+              setShowFrameworkEventsModal(true);
+            }}
+            icon={
+              <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>
   );