diff options
Diffstat (limited to 'webapp/components/file_info_preview.jsx')
-rw-r--r-- | webapp/components/file_info_preview.jsx | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/webapp/components/file_info_preview.jsx b/webapp/components/file_info_preview.jsx deleted file mode 100644 index 6032defb6..000000000 --- a/webapp/components/file_info_preview.jsx +++ /dev/null @@ -1,75 +0,0 @@ -// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import PropTypes from 'prop-types'; -import React from 'react'; - -import * as FileUtils from 'utils/file_utils'; -import * as Utils from 'utils/utils.jsx'; - -export default class FileInfoPreview extends React.Component { - shouldComponentUpdate(nextProps) { - if (nextProps.fileUrl !== this.props.fileUrl) { - return true; - } - - if (!Utils.areObjectsEqual(nextProps.fileInfo, this.props.fileInfo)) { - return true; - } - - return false; - } - - render() { - const fileInfo = this.props.fileInfo; - const fileUrl = this.props.fileUrl; - - // non-image files include a section providing details about the file - const infoParts = []; - - if (fileInfo.extension !== '') { - infoParts.push(Utils.localizeMessage('file_info_preview.type', 'File type ') + fileInfo.extension.toUpperCase()); - } - - infoParts.push(Utils.localizeMessage('file_info_preview.size', 'Size ') + Utils.fileSizeToString(fileInfo.size)); - - const infoString = infoParts.join(', '); - - let preview = null; - if (FileUtils.canDownloadFiles()) { - preview = ( - <a - className='file-details__preview' - href={fileUrl} - target='_blank' - rel='noopener noreferrer' - > - <span className='file-details__preview-helper'/> - <img src={Utils.getFileIconPath(fileInfo)}/> - </a> - ); - } else { - preview = ( - <span className='file-details__preview'> - <span className='file-details__preview-helper'/> - <img src={Utils.getFileIconPath(fileInfo)}/> - </span> - ); - } - - return ( - <div className='file-details__container'> - {preview} - <div className='file-details'> - <div className='file-details__name'>{fileInfo.name}</div> - <div className='file-details__info'>{infoString}</div> - </div> - </div> - ); - } -} - -FileInfoPreview.propTypes = { - fileInfo: PropTypes.object.isRequired, - fileUrl: PropTypes.string.isRequired -}; |