mirror of
https://github.com/langgenius/dify.git
synced 2026-04-17 03:16:33 +08:00
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import type { FC } from 'react'
|
|
import { cn } from '@langgenius/dify-ui/cn'
|
|
import { RiGlobalLine } from '@remixicon/react'
|
|
|
|
import { useTranslation } from 'react-i18next'
|
|
import { useSelectOrDelete } from '../../hooks'
|
|
import { DELETE_REQUEST_URL_BLOCK_COMMAND } from './index'
|
|
|
|
type RequestURLBlockComponentProps = {
|
|
nodeKey: string
|
|
}
|
|
|
|
const RequestURLBlockComponent: FC<RequestURLBlockComponentProps> = ({
|
|
nodeKey,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
const [ref, isSelected] = useSelectOrDelete(nodeKey, DELETE_REQUEST_URL_BLOCK_COMMAND)
|
|
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'group/wrap relative mx-0.5 flex h-[18px] items-center rounded-[5px] border border-components-panel-border-subtle bg-components-badge-white-to-dark px-1 select-none hover:border-[#7839ee]',
|
|
isSelected && 'border-[#7839ee]! hover:border-[#7839ee]!',
|
|
)}
|
|
ref={ref}
|
|
>
|
|
<RiGlobalLine className="mr-0.5 h-3.5 w-3.5 text-util-colors-violet-violet-600" />
|
|
<div className="system-xs-medium text-util-colors-violet-violet-600">{t('promptEditor.requestURL.item.title', { ns: 'common' })}</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default RequestURLBlockComponent
|