Fixes: Image uploads not working

This commit is contained in:
Tom Moor
2017-07-13 22:19:56 -07:00
parent f175d4c1d2
commit 1815ba4bc9
3 changed files with 13 additions and 7 deletions

View File

@ -19,6 +19,7 @@ class DropToImport extends Component {
activeClassName?: string,
rejectClassName?: string,
documents: DocumentsStore,
disabled: boolean,
history: Object,
};
state = {
@ -83,9 +84,12 @@ class DropToImport extends Component {
'history',
'documentId',
'collectionId',
'documents'
'documents',
'disabled'
);
if (this.props.disabled) return this.props.children;
return (
<Dropzone
accept="text/markdown, text/plain"

View File

@ -26,8 +26,8 @@ const createPlugins = ({ onImageUploadStart, onImageUploadStop }: Options) => {
DropOrPasteImages({
extensions: ['png', 'jpg', 'gif'],
applyTransform: async (transform, file) => {
try {
onImageUploadStart();
try {
const asset = await uploadFile(file);
const alt = file.name;
const src = asset.url;
@ -39,6 +39,7 @@ const createPlugins = ({ onImageUploadStart, onImageUploadStop }: Options) => {
});
} catch (err) {
// TODO: Show a failure alert
console.error(err);
} finally {
onImageUploadStop();
}

View File

@ -124,13 +124,13 @@ type Props = {
);
}
onImageUploadStart() {
onImageUploadStart = () => {
this.setState({ isLoading: true });
}
};
onImageUploadStop() {
onImageUploadStop = () => {
this.setState({ isLoading: false });
}
};
onChange = text => {
if (!this.document) return;
@ -166,7 +166,7 @@ type Props = {
render() {
const isNew = this.props.newDocument;
const isEditing = this.props.match.params.edit || isNew;
const isEditing = !!this.props.match.params.edit || isNew;
const isFetching = !this.document;
const titleText = get(this.document, 'title', 'Loading');
@ -190,6 +190,7 @@ type Props = {
onDragEnter={this.onStartDragging}
onDragLeave={this.onStopDragging}
onDrop={this.onStopDragging}
disabled={isEditing}
>
<Flex justify="center" auto>
<Prompt