diff --git a/client/modules/IDE/components/FileUploader.jsx b/client/modules/IDE/components/FileUploader.jsx index bf340cf1..c97bffae 100644 --- a/client/modules/IDE/components/FileUploader.jsx +++ b/client/modules/IDE/components/FileUploader.jsx @@ -13,6 +13,7 @@ class FileUploader extends React.Component { } createDropzone() { + const userId = this.props.project.owner ? this.props.project.owner.id : this.props.user.id; this.uploader = new Dropzone('div#uploader', { url: s3Bucket, method: 'post', @@ -30,7 +31,7 @@ class FileUploader extends React.Component { text/plain,text/csv,.obj,video/webm,video/ogg,video/quicktime,video/mp4, .otf,.ttf`, dictDefaultMessage: 'Drop files here to upload or click to use the file browser', - accept: this.props.dropzoneAcceptCallback.bind(this, this.props.project.owner.id), + accept: this.props.dropzoneAcceptCallback.bind(this, userId), sending: this.props.dropzoneSendingCallback, complete: this.props.dropzoneCompleteCallback // error: (file, errorMessage) => { @@ -53,24 +54,29 @@ FileUploader.propTypes = { dropzoneCompleteCallback: PropTypes.func.isRequired, project: PropTypes.shape({ owner: PropTypes.shape({ - id: PropTypes.string.isRequired + id: PropTypes.string }) + }), + user: PropTypes.shape({ + id: PropTypes.string }) }; FileUploader.defaultProps = { project: { id: undefined, - owner: { - id: undefined - } + owner: undefined + }, + user: { + id: undefined } }; function mapStateToProps(state) { return { files: state.files, - project: state.project + project: state.project, + user: state.user }; }