mirror of
https://github.com/langgenius/dify.git
synced 2025-10-31 02:42:59 +00:00
55 lines
1.1 KiB
TypeScript
55 lines
1.1 KiB
TypeScript
import type { FC } from 'react'
|
|
import {
|
|
Csv,
|
|
Doc,
|
|
Docx,
|
|
Html,
|
|
Json,
|
|
Md,
|
|
Pdf,
|
|
Txt,
|
|
Unknow,
|
|
Xlsx,
|
|
} from '@/app/components/base/icons/src/public/files'
|
|
import { Notion } from '@/app/components/base/icons/src/public/common'
|
|
|
|
type FileIconProps = {
|
|
type: string
|
|
className?: string
|
|
}
|
|
|
|
const FileIcon: FC<FileIconProps> = ({
|
|
type,
|
|
className,
|
|
}) => {
|
|
switch (type) {
|
|
case 'csv':
|
|
return <Csv className={className} />
|
|
case 'doc':
|
|
return <Doc className={className} />
|
|
case 'docx':
|
|
return <Docx className={className} />
|
|
case 'htm':
|
|
case 'html':
|
|
return <Html className={className} />
|
|
case 'json':
|
|
return <Json className={className} />
|
|
case 'md':
|
|
case 'markdown':
|
|
return <Md className={className} />
|
|
case 'pdf':
|
|
return <Pdf className={className} />
|
|
case 'txt':
|
|
return <Txt className={className} />
|
|
case 'xls':
|
|
case 'xlsx':
|
|
return <Xlsx className={className} />
|
|
case 'notion':
|
|
return <Notion className={className} />
|
|
default:
|
|
return <Unknow className={className} />
|
|
}
|
|
}
|
|
|
|
export default FileIcon
|