diff --git a/src/components/flytegraph/ReactFlow/ReactFlowGraphComponent.tsx b/src/components/flytegraph/ReactFlow/ReactFlowGraphComponent.tsx index 77441bdad..c02e986bb 100644 --- a/src/components/flytegraph/ReactFlow/ReactFlowGraphComponent.tsx +++ b/src/components/flytegraph/ReactFlow/ReactFlowGraphComponent.tsx @@ -15,7 +15,7 @@ const ReactFlowGraphComponent = props => { root: data, nodeExecutionsById: nodeExecutionsById, onNodeSelectionChanged: onNodeSelectionChanged, - maxRenderDepth: 1 + maxRenderDepth: 2 } as ConvertDagProps); const backgroundStyle = getRFBackground(data.nodeExecutionStatus).nested; diff --git a/src/components/flytegraph/ReactFlow/transformerDAGToReactFlow.tsx b/src/components/flytegraph/ReactFlow/transformerDAGToReactFlow.tsx index 17efbad8e..229e5d1a6 100644 --- a/src/components/flytegraph/ReactFlow/transformerDAGToReactFlow.tsx +++ b/src/components/flytegraph/ReactFlow/transformerDAGToReactFlow.tsx @@ -35,14 +35,10 @@ export const buildReactFlowNode = (props: BuildRFNodeProps): Node => { const type = typeOverride ? typeOverride : dNode.type; const taskType = dNode?.value?.template ? dNode.value.template.type : null; - console.log('nodeExecutionsById:', nodeExecutionsById); /** * @TODO decide which to display after demo */ - const displayName = - dNode.name == DISPLAY_NAME_START || dNode.name == DISPLAY_NAME_END - ? dNode.name - : dNode.scopedId; + const displayName = dNode.name; const mapNodeExecutionStatus = () => { if (nodeExecutionsById) {