r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

handle case for #169 where project does not yet have an owner

Browse source
This commit is contained in:
Cassie Tarakajian 2017-04-06 16:22:34 -04:00
parent aaa5e868e2
commit 99152f6e37
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
client/modules/IDE/components/FileUploader.jsx
View file

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