diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/FrameworkEventsInspector.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/FrameworkEventsInspector.tsx index d9ed903c2..a8abc3596 100644 --- a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/FrameworkEventsInspector.tsx +++ b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/FrameworkEventsInspector.tsx @@ -72,6 +72,8 @@ export const FrameworkEventsInspector: React.FC = ({ filteredThreads.size === 0 || filteredThreads.has(event.thread!), ); + const showThreadsSection = allThreads.length > 1; + const showEventTypesSection = allEventTypes.length > 1; return ( @@ -90,80 +92,82 @@ export const FrameworkEventsInspector: React.FC = ({ } /> - - {allThreads.length > 1 && ( - <> - By thread - {allThreads.map((thread) => ( - { - setFilteredThreads((cur) => - produce(cur, (draft) => { - if (selected) { - draft.add(thread); - } else { - draft.delete(thread); - } - }), - ); - }} - selectedValues={filteredThreads} - key={thread} - value={thread as string} - text={startCase(thread) as string} - /> - ))} - - )} + {(showEventTypesSection || showThreadsSection) && ( + + {showThreadsSection && ( + <> + By thread + {allThreads.map((thread) => ( + { + setFilteredThreads((cur) => + produce(cur, (draft) => { + if (selected) { + draft.add(thread); + } else { + draft.delete(thread); + } + }), + ); + }} + selectedValues={filteredThreads} + key={thread} + value={thread as string} + text={startCase(thread) as string} + /> + ))} + + )} - {allEventTypes.length > 1 && ( - <> - By event type - {allEventTypes.map((eventType) => ( - { - setFilteredEventTypes((cur) => - produce(cur, (draft) => { - if (selected) { - draft.add(eventType); - } else { - draft.delete(eventType); - } - }), - ); - }} - selectedValues={filteredEventTypes} - key={eventType} - value={eventType as string} - text={last(eventType.split('.')) as string} - /> - ))} - - )} - - }> -