| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- 'use client'
- import type { FC } from 'react'
- import React from 'react'
- import FileTypeIcon from '../../base/file-uploader/file-type-icon'
- import type { FileAppearanceType } from '@/app/components/base/file-uploader/types'
- import { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
- const extendToFileTypeMap: { [key: string]: FileAppearanceType } = {
- pdf: FileAppearanceTypeEnum.pdf,
- json: FileAppearanceTypeEnum.document,
- html: FileAppearanceTypeEnum.document,
- txt: FileAppearanceTypeEnum.document,
- markdown: FileAppearanceTypeEnum.markdown,
- md: FileAppearanceTypeEnum.markdown,
- xlsx: FileAppearanceTypeEnum.excel,
- xls: FileAppearanceTypeEnum.excel,
- csv: FileAppearanceTypeEnum.excel,
- doc: FileAppearanceTypeEnum.word,
- docx: FileAppearanceTypeEnum.word,
- ppt: FileAppearanceTypeEnum.ppt,
- pptx: FileAppearanceTypeEnum.ppt,
- jpg: FileAppearanceTypeEnum.image,
- jpeg: FileAppearanceTypeEnum.image,
- png: FileAppearanceTypeEnum.image,
- }
- type Props = {
- extension?: string
- name?: string
- size?: 'sm' | 'lg' | 'md'
- className?: string
- }
- const DocumentFileIcon: FC<Props> = ({
- extension,
- name,
- size = 'md',
- className,
- }) => {
- const localExtension = extension?.toLowerCase() || name?.split('.')?.pop()?.toLowerCase()
- return (
- <FileTypeIcon type={extendToFileTypeMap[localExtension!] || FileAppearanceTypeEnum.document} size={size} className={className} />
- )
- }
- export default React.memo(DocumentFileIcon)
|
