mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix insert step button not displayed (#13432)

Browse Source 
as title
This commit is contained in:
martmull
2025-07-25 11:35:48 +02:00
committed by GitHub
parent d767a1ca47
commit 79992b53d1
1 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramFilteringDisabledEdgeEditable.tsx
View File

@ -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,33 +81,35 @@ export const WorkflowDiagramFilteringDisabledEdgeEditable = ({
style={{ stroke: theme.border.color.strong }} style={{ stroke: theme.border.color.strong }}
/> />
<StyledContainer <EdgeLabelRenderer>
labelY={labelY} <StyledContainer
data-click-outside-id={WORKFLOW_DIAGRAM_EDGE_OPTIONS_CLICK_OUTSIDE_ID} labelY={labelY}
> data-click-outside-id={WORKFLOW_DIAGRAM_EDGE_OPTIONS_CLICK_OUTSIDE_ID}
<StyledWrapper
onMouseEnter={() => setHovered(true)}
onMouseLeave={() => setHovered(false)}
> >
<StyledHoverZone /> <StyledWrapper
{(hovered || isSelected) && ( onMouseEnter={() => setHovered(true)}
<StyledIconButtonGroup onMouseLeave={() => setHovered(false)}
className="nodrag nopan" >
iconButtons={[ <StyledHoverZone />
{ {(hovered || isSelected) && (
Icon: IconPlus, <StyledIconButtonGroup
onClick: () => { className="nodrag nopan"
startNodeCreation({ iconButtons={[
parentStepId: source, {
nextStepId: target, Icon: IconPlus,
}); onClick: () => {
startNodeCreation({
parentStepId: source,
nextStepId: target,
});
},
}, },
}, ]}
]} />
/> )}
)} </StyledWrapper>
</StyledWrapper> </StyledContainer>
</StyledContainer> </EdgeLabelRenderer>
</> </>
); );
}; };