diff --git a/src/plugins/ProgressDrawer.js b/src/plugins/ProgressDrawer.js index 57ce5563f..6eaa07064 100644 --- a/src/plugins/ProgressDrawer.js +++ b/src/plugins/ProgressDrawer.js @@ -61,7 +61,11 @@ export default class ProgressDrawer extends Plugin {

- ${file.name} (${file.progress})

+ ${file.uploadURL + ? yo`${file.name}` + : yo`${file.name} (${file.progress})` + } + ${isUploaded ? checkIcon : ''} ${isUploaded ? '' diff --git a/src/plugins/Tus10.js b/src/plugins/Tus10.js index e5937f63f..afd8e2b43 100644 --- a/src/plugins/Tus10.js +++ b/src/plugins/Tus10.js @@ -52,6 +52,7 @@ export default class Tus10 extends Plugin { this.core.log(file) }, onSuccess: () => { + file.uploadURL = upload.url this.core.emitter.emit('upload-success', file) this.core.log(`Download ${upload.file.name} from ${upload.url}`) diff --git a/src/scss/_progressdrawer.scss b/src/scss/_progressdrawer.scss index dea1a6bdb..5bd9916bc 100644 --- a/src/scss/_progressdrawer.scss +++ b/src/scss/_progressdrawer.scss @@ -118,6 +118,11 @@ position: relative; } +.UppyProgressDrawer-itemName a { + color: $color-white; + text-decoration: underline; +} + .UppyProgressDrawer-itemRemove { @include reset-button; width: 40px;