mirror of
https://github.com/langgenius/dify.git
synced 2026-04-21 06:46:30 +08:00
30 lines
897 B
TypeScript
30 lines
897 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="system-sm-semibold-uppercase pt-2 text-text-tertiary">{t('datasetPipeline.templates.customized')}</div>
|
|
<div className="grid grid-cols-1 gap-3 py-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
|
|
{list.map((pipeline, index) => (
|
|
<TemplateCard
|
|
key={index}
|
|
type="customized"
|
|
pipeline={pipeline}
|
|
/>
|
|
))}
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default CustomizedList
|