Commit 9730b243 authored by Joel's avatar Joel

fix: can pass multi files

parent 818c0ce8
...@@ -42,6 +42,7 @@ const FileUploader = ({ ...@@ -42,6 +42,7 @@ const FileUploader = ({
const dropRef = useRef<HTMLDivElement>(null) const dropRef = useRef<HTMLDivElement>(null)
const dragRef = useRef<HTMLDivElement>(null) const dragRef = useRef<HTMLDivElement>(null)
const fileUploader = useRef<HTMLInputElement>(null) const fileUploader = useRef<HTMLInputElement>(null)
const hideUpload = notSupportBatchUpload && fileList.length > 0
const { data: fileUploadConfigResponse } = useSWR({ url: '/files/upload' }, fetchFileUploadConfig) const { data: fileUploadConfigResponse } = useSWR({ url: '/files/upload' }, fetchFileUploadConfig)
const { data: supportFileTypesResponse } = useSWR({ url: '/files/support-type' }, fetchSupportFileTypes) const { data: supportFileTypesResponse } = useSWR({ url: '/files/support-type' }, fetchSupportFileTypes)
...@@ -254,6 +255,7 @@ const FileUploader = ({ ...@@ -254,6 +255,7 @@ const FileUploader = ({
return ( return (
<div className={s.fileUploader}> <div className={s.fileUploader}>
{!hideUpload && (
<input <input
ref={fileUploader} ref={fileUploader}
id="fileUploader" id="fileUploader"
...@@ -263,7 +265,11 @@ const FileUploader = ({ ...@@ -263,7 +265,11 @@ const FileUploader = ({
accept={ACCEPTS.join(',')} accept={ACCEPTS.join(',')}
onChange={fileChangeHandle} onChange={fileChangeHandle}
/> />
)}
<div className={cn(s.title, titleClassName)}>{t('datasetCreation.stepOne.uploader.title')}</div> <div className={cn(s.title, titleClassName)}>{t('datasetCreation.stepOne.uploader.title')}</div>
{!hideUpload && (
<div ref={dropRef} className={cn(s.uploader, dragging && s.dragging)}> <div ref={dropRef} className={cn(s.uploader, dragging && s.dragging)}>
<div className='flex justify-center items-center min-h-6 mb-2'> <div className='flex justify-center items-center min-h-6 mb-2'>
<span className={s.uploadIcon} /> <span className={s.uploadIcon} />
...@@ -278,6 +284,7 @@ const FileUploader = ({ ...@@ -278,6 +284,7 @@ const FileUploader = ({
})}</div> })}</div>
{dragging && <div ref={dragRef} className={s.draggingCover} />} {dragging && <div ref={dragRef} className={s.draggingCover} />}
</div> </div>
)}
<div className={s.fileList}> <div className={s.fileList}>
{fileList.map((fileItem, index) => ( {fileList.map((fileItem, index) => (
<div <div
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment