mirror of
https://github.com/mattermost/mattermost.git
synced 2025-02-25 18:55:24 -06:00
8a0e649f98
* Implemented initial changes for files table * Removed *_benchmark_test.go files * Re-implemented GetPublicFile and added support for old path * Localization for files table * Moved file system code into utils package * Finished server-side changes and added initial upgrade script * Added getPostFiles api * Re-add Extension and HasPreviewImage fields to FileInfo * Removed unused translation * Fixed merge conflicts left over after permissions changes * Forced FileInfo.extension to be lower case * Changed FileUploadResponse to contain the FileInfos instead of FileIds * Fixed permissions on getFile* calls * Fixed notifications for file uploads * Added initial version of client code for files changes * Permanently added FileIds field to Post object and removed Post.HasFiles * Updated PostStore.Update to be usable in more circumstances * Re-added Filenames field and switched file migration to be entirely lazy-loaded * Increased max listener count for FileStore * Removed unused fileInfoCache * Moved file system code back into api * Removed duplicate test case * Fixed unit test running on ports other than 8065 * Renamed HasPermissionToPostContext to HasPermissionToChannelByPostContext * Refactored handleImages to make it more easily understandable * Renamed getPostFiles to getFileInfosForPost * Re-added pre-FileIds posts to analytics * Changed files to be saved as their ids as opposed to id/filename.ext * Renamed FileInfo.UserId to FileInfo.CreatorId * Fixed detection of language in CodePreview * Fixed switching between threads in the RHS not loading new files * Add serverside protection against a rare bug where the client sends the same file twice for a single post * Refactored the important parts of uploadFile api call into a function that can be called without a web context
60 lines
1.9 KiB
JavaScript
60 lines
1.9 KiB
JavaScript
// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
import React from 'react';
|
|
|
|
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(', ');
|
|
|
|
return (
|
|
<div className='file-details__container'>
|
|
<a
|
|
className={'file-details__preview'}
|
|
to={fileUrl}
|
|
target='_blank'
|
|
rel='noopener noreferrer'
|
|
>
|
|
<span className='file-details__preview-helper'/>
|
|
<img src={Utils.getFileIconPath(fileInfo)}/>
|
|
</a>
|
|
<div className='file-details'>
|
|
<div className='file-details__name'>{fileInfo.name}</div>
|
|
<div className='file-details__info'>{infoString}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
FileInfoPreview.propTypes = {
|
|
fileInfo: React.PropTypes.object.isRequired,
|
|
fileUrl: React.PropTypes.string.isRequired
|
|
};
|