| | |
| | | const renderTriggerElement = useCallback((open: boolean) => { |
| | | return ( |
| | | <div className={cn( |
| | | 'system-sm-medium relative inline-flex h-8 cursor-pointer items-center rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3 text-components-button-secondary-text shadow-xs backdrop-blur-[5px] hover:bg-components-button-secondary-bg-hover', |
| | | 'relative inline-flex items-center px-3 h-8 rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg shadow-xs cursor-pointer hover:bg-components-button-secondary-bg-hover system-sm-medium text-components-button-secondary-text backdrop-blur-[5px]', |
| | | `${nodesReadOnly && '!cursor-not-allowed bg-components-button-secondary-bg-disabled'}`, |
| | | open && 'bg-components-button-secondary-bg-hover', |
| | | )}> |
| | | <RiAddLine className='mr-1 h-4 w-4' /> |
| | | <RiAddLine className='mr-1 w-4 h-4' /> |
| | | {t('workflow.common.addBlock')} |
| | | </div> |
| | | ) |
| | | }, [nodesReadOnly, t]) |
| | | |
| | | return ( |
| | | <div className='absolute left-14 top-7 z-10 flex h-8 items-center'> |
| | | <div className='group/insert relative h-0.5 w-16 bg-gray-300'> |
| | | <div className='absolute right-0 top-1/2 h-2 w-0.5 -translate-y-1/2 bg-primary-500'></div> |
| | | <div className='absolute top-7 left-14 flex items-center h-8 z-10'> |
| | | <div className='group/insert relative w-16 h-0.5 bg-gray-300'> |
| | | <div className='absolute right-0 top-1/2 -translate-y-1/2 w-0.5 h-2 bg-primary-500'></div> |
| | | </div> |
| | | <BlockSelector |
| | | disabled={nodesReadOnly} |