summaryrefslogtreecommitdiffstats
path: root/webapp/components/file_info_preview.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/file_info_preview.jsx')
-rw-r--r--webapp/components/file_info_preview.jsx75
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
-};