mirror of
https://github.com/langgenius/dify.git
synced 2026-02-15 15:34:26 +08:00
b76e17b25d
Signed-off-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: Stream <Stream_2@qq.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zhsama <torvalds@linux.do> Co-authored-by: Harry <xh001x@hotmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: yessenia <yessenia.contact@gmail.com> Co-authored-by: hjlarry <hjlarry@163.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: WTW0313 <twwu@dify.ai> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
53 lines
1.8 KiB
TypeScript
53 lines
1.8 KiB
TypeScript
'use client'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { ToolTypeEnum } from '../../workflow/block-selector/types'
|
|
import { RiArrowRightUpLine } from '@remixicon/react'
|
|
import Link from 'next/link'
|
|
import cn from '@/utils/classnames'
|
|
import { NoToolPlaceholder } from '../../base/icons/src/vender/other'
|
|
import useTheme from '@/hooks/use-theme'
|
|
type Props = {
|
|
type?: ToolTypeEnum
|
|
isAgent?: boolean
|
|
}
|
|
|
|
const getLink = (type?: ToolTypeEnum) => {
|
|
switch (type) {
|
|
case ToolTypeEnum.Custom:
|
|
return '/tools?category=api'
|
|
case ToolTypeEnum.MCP:
|
|
return '/tools?category=mcp'
|
|
default:
|
|
return '/tools?category=api'
|
|
}
|
|
}
|
|
const Empty = ({
|
|
type,
|
|
isAgent,
|
|
}: Props) => {
|
|
const { t } = useTranslation()
|
|
const { theme } = useTheme()
|
|
|
|
const hasLink = type && [ToolTypeEnum.Custom, ToolTypeEnum.MCP].includes(type)
|
|
const Comp = (hasLink ? Link : 'div') as any
|
|
const linkProps = hasLink ? { href: getLink(type), target: '_blank' } : {}
|
|
const renderType = isAgent ? 'agent' : type
|
|
const hasTitle = t(`tools.addToolModal.${renderType}.title`) !== `tools.addToolModal.${renderType}.title`
|
|
|
|
return (
|
|
<div className='flex flex-col items-center justify-center'>
|
|
<NoToolPlaceholder className={theme === 'dark' ? 'invert' : ''} />
|
|
<div className='mb-1 mt-2 text-[13px] font-medium leading-[18px] text-text-primary'>
|
|
{hasTitle ? t(`tools.addToolModal.${renderType}.title`) : 'No tools available'}
|
|
</div>
|
|
{(!isAgent && hasTitle) && (
|
|
<Comp className={cn('flex items-center text-[13px] leading-[18px] text-text-tertiary', hasLink && 'cursor-pointer hover:text-text-accent')} {...linkProps}>
|
|
{t(`tools.addToolModal.${renderType}.tip`)} {hasLink && <RiArrowRightUpLine className='ml-0.5 h-3 w-3' />}
|
|
</Comp>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Empty
|