File size: 880 Bytes
4304c6d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
import type { FC } from 'react'
import React from 'react'
import ReadonlyInputWithSelectVar from '../_base/components/readonly-input-with-select-var'
import type { HttpNodeType } from './types'
import type { NodeProps } from '@/app/components/workflow/types'
const Node: FC<NodeProps<HttpNodeType>> = ({
id,
data,
}) => {
const { method, url } = data
if (!url)
return null
return (
<div className='mb-1 px-3 py-1'>
<div className='flex items-start p-1 rounded-md bg-gray-100'>
<div className='flex items-center h-4 shrink-0 px-1 rounded bg-gray-25 text-xs font-semibold text-gray-700 uppercase'>{method}</div>
<div className='pl-1'>
<ReadonlyInputWithSelectVar
value={url}
nodeId={id}
/>
</div>
</div>
</div>
)
}
export default React.memo(Node)
|