diff options
Diffstat (limited to 'web/react/components/file_info_preview.jsx')
-rw-r--r-- | web/react/components/file_info_preview.jsx | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/web/react/components/file_info_preview.jsx b/web/react/components/file_info_preview.jsx new file mode 100644 index 000000000..4b76cd162 --- /dev/null +++ b/web/react/components/file_info_preview.jsx @@ -0,0 +1,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> + ); +} |