blob: 4b76cd16247a3c9a4c797498871f07e7246ce9a4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import * as Utils from '../utils/utils.jsx';
export default function FileInfoPreview({filename, fileUrl, fileInfo}) {
// non-image files include a section providing details about the file
let infoString = 'File type ' + fileInfo.extension.toUpperCase();
if (fileInfo.size > 0) {
infoString += ', Size ' + Utils.fileSizeToString(fileInfo.size);
}
const name = decodeURIComponent(Utils.getFileName(filename));
return (
<div className='file-details__container'>
<a
className={'file-details__preview'}
href={fileUrl}
target='_blank'
>
<span className='file-details__preview-helper' />
<img src={Utils.getPreviewImagePath(filename)}/>
</a>
<div className='file-details'>
<div className='file-details__name'>{name}</div>
<div className='file-details__info'>{infoString}</div>
</div>
</div>
);
}
|