@ -6,7 +6,12 @@ import { WorkflowDiagramEdge } from '@/workflow/workflow-diagram/types/WorkflowD
|
|||||||
import { workflowInsertStepIdsComponentState } from '@/workflow/workflow-steps/states/workflowInsertStepIdsComponentState';
|
import { workflowInsertStepIdsComponentState } from '@/workflow/workflow-steps/states/workflowInsertStepIdsComponentState';
|
||||||
import { useTheme } from '@emotion/react';
|
import { useTheme } from '@emotion/react';
|
||||||
import styled from '@emotion/styled';
|
import styled from '@emotion/styled';
|
||||||
import { BaseEdge, EdgeProps, getStraightPath } from '@xyflow/react';
|
import {
|
||||||
|
BaseEdge,
|
||||||
|
EdgeLabelRenderer,
|
||||||
|
EdgeProps,
|
||||||
|
getStraightPath,
|
||||||
|
} from '@xyflow/react';
|
||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { IconPlus } from 'twenty-ui/display';
|
import { IconPlus } from 'twenty-ui/display';
|
||||||
import { IconButtonGroup } from 'twenty-ui/input';
|
import { IconButtonGroup } from 'twenty-ui/input';
|
||||||
@ -76,6 +81,7 @@ export const WorkflowDiagramFilteringDisabledEdgeEditable = ({
|
|||||||
style={{ stroke: theme.border.color.strong }}
|
style={{ stroke: theme.border.color.strong }}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
<EdgeLabelRenderer>
|
||||||
<StyledContainer
|
<StyledContainer
|
||||||
labelY={labelY}
|
labelY={labelY}
|
||||||
data-click-outside-id={WORKFLOW_DIAGRAM_EDGE_OPTIONS_CLICK_OUTSIDE_ID}
|
data-click-outside-id={WORKFLOW_DIAGRAM_EDGE_OPTIONS_CLICK_OUTSIDE_ID}
|
||||||
@ -103,6 +109,7 @@ export const WorkflowDiagramFilteringDisabledEdgeEditable = ({
|
|||||||
)}
|
)}
|
||||||
</StyledWrapper>
|
</StyledWrapper>
|
||||||
</StyledContainer>
|
</StyledContainer>
|
||||||
|
</EdgeLabelRenderer>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user