dify/web/app/components/integrations/tool-provider-create-action.tsx
Jingyi 9b74df21d0
feat(web): refine onboarding UI (#37433)
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: hjlarry <hjlarry@163.com>
Co-authored-by: fatelei <fatelei@gmail.com>
Co-authored-by: Asuka Minato <i@asukaminato.eu.org>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Xiyuan Chen <52963600+GareArc@users.noreply.github.com>
Co-authored-by: gigglewang <gigglewang@dify.ai>
Co-authored-by: Yunlu Wen <yunlu.wen@dify.ai>
Co-authored-by: chariri <w@chariri.moe>
Co-authored-by: Evan <2869018789@qq.com>
Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>
2026-06-15 08:47:15 +00:00

33 lines
1.1 KiB
TypeScript

'use client'
import type { ToolCategory } from '@/app/components/integrations/routes'
import type { ToolWithProvider } from '@/app/components/workflow/types'
import { NewMCPButton } from '@/app/components/tools/mcp/create-card'
import { NewCustomToolButton } from '@/app/components/tools/provider/custom-create-card'
type ToolProviderCreateActionProps = {
activeTab: ToolCategory
hasCategoryCollections: boolean
isCollectionListLoading: boolean
onCustomToolCreated: () => void
onMCPProviderCreated: (providerId: string) => void
}
const ToolProviderCreateAction = ({
activeTab,
hasCategoryCollections,
isCollectionListLoading,
onCustomToolCreated,
onMCPProviderCreated,
}: ToolProviderCreateActionProps) => {
if (activeTab === 'mcp' && hasCategoryCollections)
return <NewMCPButton handleCreate={(provider: ToolWithProvider) => onMCPProviderCreated(provider.id)} />
if (activeTab === 'api' && !isCollectionListLoading && hasCategoryCollections)
return <NewCustomToolButton onRefreshData={onCustomToolCreated} />
return null
}
export default ToolProviderCreateAction