diff --git a/desktop/plugins/public/ui-debugger/components/Tree.tsx b/desktop/plugins/public/ui-debugger/components/Tree.tsx
index 8680de51b..3211c0ed1 100644
--- a/desktop/plugins/public/ui-debugger/components/Tree.tsx
+++ b/desktop/plugins/public/ui-debugger/components/Tree.tsx
@@ -41,6 +41,12 @@ import {
BigGrepContextMenuItems,
IDEContextMenuItems,
} from './fb-stubs/IDEContextMenu';
+import {
+ CopyOutlined,
+ FullscreenExitOutlined,
+ FullscreenOutlined,
+ SnippetsOutlined,
+} from '@ant-design/icons';
const {Text} = Typography;
@@ -492,8 +498,9 @@ const ContextMenu: React.FC<{
if (hoveredNode) {
copyItems.push(
}
onClick={() => {
tracker.track('context-menu-name-copied', {name: hoveredNode.name});
getFlipperLib().writeTextToClipboard(hoveredNode.name);
@@ -506,6 +513,7 @@ const ContextMenu: React.FC<{
}
onClick={() => {
tracker.track('context-menu-copied', {
name: hoveredNode.name,
@@ -526,7 +534,8 @@ const ContextMenu: React.FC<{
hoveredNode.bounds.width !== 0 && (
}
onClick={() => {
onFocusNode(hoveredNodeId);
}}
@@ -537,6 +546,7 @@ const ContextMenu: React.FC<{
}
onClick={() => {
onFocusNode(undefined);
}}
diff --git a/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx b/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx
index 5e4fbd7b0..9b88dd90c 100644
--- a/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx
+++ b/desktop/plugins/public/ui-debugger/components/util/UIDebuggerMenuItem.tsx
@@ -8,7 +8,7 @@
*/
import {Menu} from 'antd';
-import {usePlugin, useValue} from 'flipper-plugin';
+import {usePlugin, useValue, Layout} from 'flipper-plugin';
import {plugin} from '../../index';
import React from 'react';
@@ -20,8 +20,9 @@ import React from 'react';
*/
export const UIDebuggerMenuItem: React.FC<{
text: string;
+ icon?: React.ReactNode;
onClick: () => void;
-}> = ({text, onClick}) => {
+}> = ({text, onClick, icon}) => {
const instance = usePlugin(plugin);
const isMenuOpen = useValue(instance.uiState.isContextMenuOpen);
@@ -39,7 +40,10 @@ export const UIDebuggerMenuItem: React.FC<{
onClick();
instance.uiState.isContextMenuOpen.set(false);
}}>
- {text}
+
+ {icon}
+ {text}
+
);
};