diff --git a/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx b/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx index 3f5a8ea..37fbf4d 100644 --- a/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx +++ b/frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx @@ -2,6 +2,7 @@ import { Handle, Position, NodeResizer, type NodeProps, type Node } from '@xyflo import { Layers } from 'lucide-react' import type { NodeData } from '@/types' import { resolveNodeColors } from '@/utils/nodeColors' +import { resolvePropertyIcon } from '@/utils/propertyIcons' import { useThemeStore } from '@/stores/themeStore' import { THEMES } from '@/utils/themes' import { BaseNode } from './BaseNode' @@ -106,6 +107,27 @@ export function ProxmoxGroupNode(props: NodeProps>) { /> + {/* Properties */} + {data.properties?.filter((p) => p.visible).map((prop, i, arr) => { + const Icon = resolvePropertyIcon(prop.icon) + return ( +
+ {Icon && } + {prop.key} + · {prop.value} +
+ ) + })} + {/* Inner area — React Flow places children here */}