| | |
| | | const renderTrigger = () => { |
| | | return ( |
| | | <div |
| | | className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover' |
| | | className='flex items-center justify-between px-3 h-8 text-sm text-text-secondary rounded-lg cursor-pointer hover:bg-state-base-hover' |
| | | > |
| | | {t('workflow.common.addBlock')} |
| | | </div> |
| | |
| | | |
| | | return ( |
| | | <div |
| | | className='absolute z-[9] w-[200px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg' |
| | | className='absolute w-[200px] rounded-lg border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg z-[9]' |
| | | style={{ |
| | | left: panelMenu.left, |
| | | top: panelMenu.top, |
| | |
| | | }} |
| | | /> |
| | | <div |
| | | className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover' |
| | | className='flex items-center justify-between px-3 h-8 text-sm text-text-secondary rounded-lg cursor-pointer hover:bg-state-base-hover' |
| | | onClick={(e) => { |
| | | e.stopPropagation() |
| | | handleAddNote() |
| | |
| | | {t('workflow.nodes.note.addNote')} |
| | | </div> |
| | | <div |
| | | className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover' |
| | | className='flex items-center justify-between px-3 h-8 text-sm text-text-secondary rounded-lg cursor-pointer hover:bg-state-base-hover' |
| | | onClick={() => { |
| | | handleStartWorkflowRun() |
| | | handlePaneContextmenuCancel() |
| | |
| | | <div className='p-1'> |
| | | <div |
| | | className={cn( |
| | | 'flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary', |
| | | !clipboardElements.length ? 'cursor-not-allowed opacity-50' : 'hover:bg-state-base-hover', |
| | | 'flex items-center justify-between px-3 h-8 text-sm text-text-secondary rounded-lg cursor-pointer', |
| | | !clipboardElements.length ? 'opacity-50 cursor-not-allowed' : 'hover:bg-state-base-hover', |
| | | )} |
| | | onClick={() => { |
| | | if (clipboardElements.length) { |
| | |
| | | <Divider className='m-0' /> |
| | | <div className='p-1'> |
| | | <div |
| | | className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover' |
| | | className='flex items-center justify-between px-3 h-8 text-sm text-text-secondary rounded-lg cursor-pointer hover:bg-state-base-hover' |
| | | onClick={() => exportCheck()} |
| | | > |
| | | {t('app.export')} |
| | | </div> |
| | | <div |
| | | className='flex h-8 cursor-pointer items-center justify-between rounded-lg px-3 text-sm text-text-secondary hover:bg-state-base-hover' |
| | | className='flex items-center justify-between px-3 h-8 text-sm text-text-secondary rounded-lg cursor-pointer hover:bg-state-base-hover' |
| | | onClick={() => setShowImportDSLModal(true)} |
| | | > |
| | | {t('workflow.common.importDSL')} |