From 19dfc6d9a8d150f33c61f82e13942694d3ee9767 Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Fri, 2 Aug 2024 10:21:06 +0800
Subject: [PATCH] file uploader

---
 .../file-list-flex/file-list-item.tsx         | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx b/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx
index 8aac7f665a..5177a2f528 100644
--- a/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx
+++ b/web/app/components/base/file-uploader/file-list-flex/file-list-item.tsx
@@ -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>
     )
   }