Show link to the uploaded file

src/plugins/ProgressDrawer.js

@@ -61,7 +61,11 @@ export default class ProgressDrawer extends Plugin {
           <span class="UppyProgressDrawer-itemProgress"
                 style="width: ${file.progress}%"></span>
           <h4 class="UppyProgressDrawer-itemName">
-            ${file.name} (${file.progress})</h4>
+            ${file.uploadURL
+              ? yo`<a href="${file.uploadURL}" target="_blank">${file.name}</a>`
+              : yo`<span>${file.name} (${file.progress})</span>`
+            }
+          </h4>
             ${isUploaded ? checkIcon : ''}
             ${isUploaded
               ? ''

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}`)

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;