diff options
author | Harrison Healey <harrisonmhealey@gmail.com> | 2016-09-30 11:06:30 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-09-30 11:06:30 -0400 |
commit | 8a0e649f989a824bb3bbfd1900a5b8e5383b47e1 (patch) | |
tree | 4b424929fe13ebec438d2f41a2729e37e5160720 /webapp/components/file_attachment_list_container.jsx | |
parent | a2deeed597dea15d9b7ca237be71988469f58cdd (diff) | |
download | chat-8a0e649f989a824bb3bbfd1900a5b8e5383b47e1.tar.gz chat-8a0e649f989a824bb3bbfd1900a5b8e5383b47e1.tar.bz2 chat-8a0e649f989a824bb3bbfd1900a5b8e5383b47e1.zip |
PLT-3105 Files table migration (#4068)
* 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
Diffstat (limited to 'webapp/components/file_attachment_list_container.jsx')
-rw-r--r-- | webapp/components/file_attachment_list_container.jsx | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/webapp/components/file_attachment_list_container.jsx b/webapp/components/file_attachment_list_container.jsx new file mode 100644 index 000000000..f9ad3814c --- /dev/null +++ b/webapp/components/file_attachment_list_container.jsx @@ -0,0 +1,90 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import React from 'react'; + +import * as AsyncClient from 'utils/async_client.jsx'; +import FileStore from 'stores/file_store.jsx'; + +import FileAttachmentList from './file_attachment_list.jsx'; + +export default class FileAttachmentListContainer extends React.Component { + static propTypes = { + post: React.PropTypes.object.isRequired, + compactDisplay: React.PropTypes.bool.isRequired + } + + constructor(props) { + super(props); + + this.handleFileChange = this.handleFileChange.bind(this); + + this.state = { + fileInfos: FileStore.getInfosForPost(props.post.id) + }; + } + + componentDidMount() { + FileStore.addChangeListener(this.handleFileChange); + + if (this.props.post.id && !FileStore.hasInfosForPost(this.props.post.id)) { + AsyncClient.getFileInfosForPost(this.props.post.channel_id, this.props.post.id); + } + } + + componentWillReceiveProps(nextProps) { + if (nextProps.post.id !== this.props.post.id) { + this.setState({ + fileInfos: FileStore.getInfosForPost(nextProps.post.id) + }); + + if (nextProps.post.id && !FileStore.hasInfosForPost(nextProps.post.id)) { + AsyncClient.getFileInfosForPost(nextProps.post.channel_id, nextProps.post.id); + } + } + } + + shouldComponentUpdate(nextProps, nextState) { + if (this.props.post.id !== nextProps.post.id) { + return true; + } + + if (this.props.compactDisplay !== nextProps.compactDisplay) { + return true; + } + + // fileInfos are treated as immutable by the FileStore + if (nextState.fileInfos !== this.state.fileInfos) { + return true; + } + + return false; + } + + handleFileChange() { + this.setState({ + fileInfos: FileStore.getInfosForPost(this.props.post.id) + }); + } + + componentWillUnmount() { + FileStore.removeChangeListener(this.handleFileChange); + } + + render() { + let fileCount = 0; + if (this.props.post.file_ids) { + fileCount = this.props.post.file_ids.length; + } else if (this.props.post.filenames) { + fileCount = this.props.post.filenames.length; + } + + return ( + <FileAttachmentList + fileCount={fileCount} + fileInfos={this.state.fileInfos} + compactDisplay={this.props.compactDisplay} + /> + ); + } +} |