diff --git a/desktop/plugins/public/ui-debugger/ClientTypes.tsx b/desktop/plugins/public/ui-debugger/ClientTypes.tsx index a135b3526..8883d176d 100644 --- a/desktop/plugins/public/ui-debugger/ClientTypes.tsx +++ b/desktop/plugins/public/ui-debugger/ClientTypes.tsx @@ -187,7 +187,8 @@ export type Tag = | 'iOS' | 'BloksBoundTree' | 'BloksDerived' - | 'TreeRoot'; + | 'TreeRoot' + | 'Warning'; export type Inspectable = | InspectableObject diff --git a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx index c67f5a5a9..7e646484c 100644 --- a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx +++ b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx @@ -10,6 +10,7 @@ import {Id, ClientNode} from '../../ClientTypes'; import {OnSelectNode} from '../../DesktopTypes'; import React, { + CSSProperties, Ref, RefObject, useEffect, @@ -35,7 +36,7 @@ import {useVirtualizer} from '@tanstack/react-virtual'; import {ContextMenu} from './ContextMenu'; import {MillisSinceEpoch, useKeyboardControls} from './useKeyboardControls'; import {toTreeList} from './toTreeList'; -import {CaretDownOutlined} from '@ant-design/icons'; +import {CaretDownOutlined, WarningOutlined} from '@ant-design/icons'; const {Text} = Typography; @@ -584,6 +585,10 @@ function nodeIcon(node: TreeNode) { return ; } else if (node.tags.includes('BloksDerived')) { return ; + } else if (node.tags.includes('Warning')) { + return ( + + ); } else { return (