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> {
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} />
+ </>
+ }
</>
: <div />;
}