diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeReadonly.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeReadonly.tsx index 53eb282976..21fe59ee68 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeReadonly.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramDefaultEdgeReadonly.tsx @@ -1,7 +1,11 @@ +import { WorkflowDiagramEdgeLabel } from '@/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramEdgeLabel'; +import { WorkflowDiagramEdgeLabelContainer } from '@/workflow/workflow-diagram/workflow-edges/components/WorkflowDiagramEdgeLabelContainer'; import { type WorkflowDiagramEdgeComponentProps } from '@/workflow/workflow-diagram/workflow-edges/types/WorkflowDiagramEdgeComponentProps'; import { getEdgePath } from '@/workflow/workflow-diagram/workflow-edges/utils/getEdgePath'; import { useTheme } from '@emotion/react'; -import { BaseEdge } from '@xyflow/react'; +import { i18n } from '@lingui/core'; +import { BaseEdge, EdgeLabelRenderer } from '@xyflow/react'; +import { isDefined } from 'twenty-shared/utils'; type WorkflowDiagramDefaultEdgeReadonlyProps = WorkflowDiagramEdgeComponentProps; @@ -42,6 +46,18 @@ export const WorkflowDiagramDefaultEdgeReadonly = ({ style={{ stroke: theme.border.color.strong }} /> ))} + + + {isDefined(data?.labelOptions) && ( + + + + )} + ); }; diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx index 9cac927826..d46a8e5aba 100644 --- a/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx +++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/workflow-nodes/components/WorkflowDiagramStepNodeReadonly.tsx @@ -104,6 +104,16 @@ export const WorkflowDiagramStepNodeReadonly = ({ position={Position.Bottom} disableHoverEffect /> + + {isDefined(data.rightHandleOptions) && ( + + )} ); };