mirror of
https://github.com/langgenius/dify.git
synced 2026-07-27 06:58:30 +08:00
27 lines
875 B
TypeScript
27 lines
875 B
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import { usePipelineTemplateList } from '@/service/use-pipeline'
|
|
import TemplateCard from './template-card'
|
|
|
|
const CustomizedList = () => {
|
|
const { t } = useTranslation()
|
|
const { data: pipelineList, isLoading } = usePipelineTemplateList({ type: 'customized' })
|
|
const list = pipelineList?.pipeline_templates || []
|
|
|
|
if (isLoading || list.length === 0) return null
|
|
|
|
return (
|
|
<>
|
|
<div className="pt-2 system-sm-semibold-uppercase text-text-tertiary">
|
|
{t(($) => $['templates.customized'], { ns: 'datasetPipeline' })}
|
|
</div>
|
|
<div className="grid grid-cols-[repeat(auto-fill,minmax(296px,1fr))] gap-3 py-2">
|
|
{list.map((pipeline, index) => (
|
|
<TemplateCard key={index} type="customized" pipeline={pipeline} />
|
|
))}
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default CustomizedList
|