You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.8 KiB
TypeScript
43 lines
1.8 KiB
TypeScript
import { memo } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import type { NodeProps } from 'reactflow'
|
|
import { RiHome5Fill } from '@remixicon/react'
|
|
import Tooltip from '@/app/components/base/tooltip'
|
|
import { NodeSourceHandle } from '@/app/components/workflow/nodes/_base/components/node-handle'
|
|
|
|
const IterationStartNode = ({ id, data }: NodeProps) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className='nodrag border-workflow-block-border bg-workflow-block-bg shadow-xs group mt-1 flex h-11 w-11 items-center justify-center rounded-2xl border'>
|
|
<Tooltip popupContent={t('workflow.blocks.iteration-start')} asChild={false}>
|
|
<div className='border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500 flex h-6 w-6 items-center justify-center rounded-full border-[0.5px]'>
|
|
<RiHome5Fill className='text-text-primary-on-surface h-3 w-3' />
|
|
</div>
|
|
</Tooltip>
|
|
<NodeSourceHandle
|
|
id={id}
|
|
data={data}
|
|
handleClassName='!top-1/2 !-right-[9px] !-translate-y-1/2'
|
|
handleId='source'
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export const IterationStartNodeDumb = () => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className='nodrag border-workflow-block-border relative left-[17px] top-[21px] z-[11] flex h-11 w-11 items-center justify-center rounded-2xl border bg-white'>
|
|
<Tooltip popupContent={t('workflow.blocks.iteration-start')} asChild={false}>
|
|
<div className='border-components-panel-border-subtle bg-util-colors-blue-brand-blue-brand-500 flex h-6 w-6 items-center justify-center rounded-full border-[0.5px]'>
|
|
<RiHome5Fill className='text-text-primary-on-surface h-3 w-3' />
|
|
</div>
|
|
</Tooltip>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(IterationStartNode)
|