coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added image upload indicator

Browse Source
This commit is contained in:
Jori Lallo
2016-09-21 23:58:33 -07:00
parent 6184eb2617
commit d2acc014e6
4 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/components/MarkdownEditor/MarkdownEditor.js
View File

@ -26,6 +26,7 @@ class MarkdownEditor extends React.Component {
// This is actually not used but it triggers
// re-render to help with CodeMirror focus issues
preview: React.PropTypes.bool,
toggleUploadingIndicator: React.PropTypes.func,
}
onChange = (newText) => {
@ -42,6 +43,8 @@ class MarkdownEditor extends React.Component {
const insertOnNewLine = cursorPosition.ch !== 0;
let newCursorPositionLine;
this.props.toggleUploadingIndicator();
// Lets set up the upload text
const pendingUploadTag = `![${file.name}](Uploading...)`;
if (insertOnNewLine) {
@ -78,6 +81,7 @@ class MarkdownEditor extends React.Component {
body: formData,
})
.then(_s3Response => {
this.props.toggleUploadingIndicator();
this.props.replaceText({
original: pendingUploadTag,
new: `![${file.name}](${data.asset.url})`,
@ -85,12 +89,16 @@ class MarkdownEditor extends React.Component {
editor.setCursor(newCursorPositionLine, 0);
})
.catch(_err => {
this.props.toggleUploadingIndicator();
this.props.replaceText({
original: pendingUploadTag,
new: '',
});
editor.setCursor(newCursorPositionLine, 0);
});
})
.catch(_err => {
this.props.toggleUploadingIndicator();
});
}