Feature #14684
Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
import { DetailsAttribute } from '~/components/details-attribute/details-attribute';
import { formatFileSize } from '~/common/formatters';
import { FileThumbnail } from '~/components/file-tree/file-thumbnail';
import { DetailsAttribute } from '~/components/details-attribute/details-attribute';
import { formatFileSize } from '~/common/formatters';
import { FileThumbnail } from '~/components/file-tree/file-thumbnail';
+import isImage from 'is-image';
export class FileDetails extends DetailsData<CollectionFile | CollectionDirectory> {
export class FileDetails extends DetailsData<CollectionFile | CollectionDirectory> {
return item.type === CollectionFileType.FILE
? <>
<DetailsAttribute label='Size' value={formatFileSize(item.size)} />
return item.type === CollectionFileType.FILE
? <>
<DetailsAttribute label='Size' value={formatFileSize(item.size)} />
- <DetailsAttribute label='Preview' />
- <FileThumbnail file={item}/>
+ {
+ isImage(item.url) && <>
+ <DetailsAttribute label='Preview' />
+ <FileThumbnail file={item} />
+ </>
+ }