@@ -193,27 +193,29 @@ function FileList({ uploadedFiles }: { uploadedFiles: UploadedFile[] }) {
193193 const pathname = usePathname ( ) ;
194194 return (
195195 uploadedFiles . length > 0 && (
196- < ScrollArea className = "mt-5 w-full flex h-fit max-h-[50vh] flex-col " >
196+ < ScrollArea className = "mt-5 flex h-fit max-h-[50vh] w-full flex-col" >
197197 < div className = "mt-6" >
198198 < h2 className = "text-lg font-semibold" > Uploaded Files</ h2 >
199199 < ul className = "my-2 space-y-2" >
200- { uploadedFiles . flatMap ( f => [ f , f , f , f , f ] ) . map ( ( file ) => (
201- < li key = { file . id } className = "rounded-md border p-3" >
202- < Link
203- href = { `${ pathname } /preview?documentId=${ file . id } &datasetId=${ file . datasetId } ` }
204- rel = "noopener noreferrer"
205- target = "_blank"
206- className = "font-medium hover:underline"
207- >
208- { file . name }
209- < SquareArrowOutUpRight className = "inline scale-75" />
210- </ Link >
211- < p className = "text-sm text-muted-foreground" >
212- { ( file . size / 1024 ) . toFixed ( 2 ) } KB - { file . type } -{ " " }
213- < strong > { file . status } </ strong >
214- </ p >
215- </ li >
216- ) ) }
200+ { uploadedFiles
201+ . flatMap ( ( f ) => [ f ] )
202+ . map ( ( file ) => (
203+ < li key = { file . id } className = "rounded-md border p-3" >
204+ < Link
205+ href = { `${ pathname } /preview?documentId=${ file . id } &datasetId=${ file . datasetId } ` }
206+ rel = "noopener noreferrer"
207+ target = "_blank"
208+ className = "font-medium hover:underline"
209+ >
210+ { file . name }
211+ < SquareArrowOutUpRight className = "inline scale-75" />
212+ </ Link >
213+ < p className = "text-sm text-muted-foreground" >
214+ { ( file . size / 1024 ) . toFixed ( 2 ) } KB - { file . type } -{ " " }
215+ < strong > { file . status } </ strong >
216+ </ p >
217+ </ li >
218+ ) ) }
217219 </ ul >
218220 </ div >
219221 </ ScrollArea >
0 commit comments