Thomas TrompetteandGitHub
5ec6cb0e6f
- Use TextInput in header title - add onTitleChange prop - rename field name instead of label To fix : - padding right on title comes from current TextInput component. It needs to be refactored https://github.com/user-attachments/assets/535cd6d3-866b-4a61-9c5d-cdbe7710396a
31 lines
917 B
TypeScript
31 lines
917 B
TypeScript
import { WorkflowDiagramBaseStepNode } from '@/workflow/components/WorkflowDiagramBaseStepNode';
|
|
import { useTheme } from '@emotion/react';
|
|
import styled from '@emotion/styled';
|
|
import { IconPlaylistAdd } from 'twenty-ui';
|
|
|
|
const StyledStepNodeLabelIconContainer = styled.div`
|
|
align-items: center;
|
|
background: ${({ theme }) => theme.background.transparent.light};
|
|
border-radius: ${({ theme }) => theme.spacing(1)};
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: ${({ theme }) => theme.spacing(1)};
|
|
`;
|
|
|
|
export const WorkflowDiagramEmptyTrigger = () => {
|
|
const theme = useTheme();
|
|
|
|
return (
|
|
<WorkflowDiagramBaseStepNode
|
|
name="Add a Trigger"
|
|
nodeType="trigger"
|
|
variant="placeholder"
|
|
Icon={
|
|
<StyledStepNodeLabelIconContainer>
|
|
<IconPlaylistAdd size={16} color={theme.font.color.tertiary} />
|
|
</StyledStepNodeLabelIconContainer>
|
|
}
|
|
/>
|
|
);
|
|
};
|