mirror of
https://github.com/langgenius/dify.git
synced 2025-07-16 13:50:18 +00:00
22 lines
1.1 KiB
TypeScript
22 lines
1.1 KiB
TypeScript
import type { FC } from 'react'
|
|
import { memo } from 'react'
|
|
import type { KnowledgeBaseNodeType } from './types'
|
|
import type { NodeProps } from '@/app/components/workflow/types'
|
|
|
|
const Node: FC<NodeProps<KnowledgeBaseNodeType>> = ({ data }) => {
|
|
return (
|
|
<div className='mb-1 space-y-0.5 px-3 py-1'>
|
|
<div className='flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5'>
|
|
<div className='system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary'>Index method</div>
|
|
<div className='system-xs-medium grow truncate text-right text-text-secondary' title={data.indexing_technique}>{data.indexing_technique}</div>
|
|
</div>
|
|
<div className='flex h-6 items-center rounded-md bg-workflow-block-parma-bg px-1.5'>
|
|
<div className='system-xs-medium-uppercase mr-2 shrink-0 text-text-tertiary'>Retrieval Method</div>
|
|
<div className='system-xs-medium grow truncate text-right text-text-secondary' title={data.retrieval_model.search_method}>{data.retrieval_model.search_method}</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(Node)
|