AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-20 02:39:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

file uploader

Browse Source
This commit is contained in:
StyleZhang 2024-08-02 10:21:06 +08:00
parent d361675159
commit 19dfc6d9a8
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx
View File

@ -1,5 +1,8 @@
import { memo } from 'react'
import { RiDownloadLine } from '@remixicon/react'
import FileTypeIcon from '../file-type-icon'
import cn from '@/utils/classnames'
import ActionButton from '@/app/components/base/action-button'
type FileListItemProps = {
isFile?: boolean
@ -15,7 +18,24 @@ const FileListItem = ({
'w-[144px] h-[68px] rounded-lg border-[0.5px] border-components-panel-border bg-components-card-bg-alt shadow-xs',
className,
)}>
<div className='mb-1 h-8 line-clamp-2 system-xs-medium text-text-tertiary'></div>
<div className='flex items-center justify-between'>
<div className='flex items-center system-2xs-medium-uppercase text-text-tertiary'>
<FileTypeIcon
size='sm'
type='PDF'
className='mr-1'
/>
PDF
<div className='mx-1'>·</div>
3.9 MB
</div>
<ActionButton
size='xs'
>
<RiDownloadLine className='w-3.5 h-3.5 text-text-tertiary' />
</ActionButton>
</div>
</div>
)
}