[upload link] show the latest added file as the the first one & added tips

frontend/src/pages/upload-link/file-uploader.js

@@ -128,9 +128,10 @@ class FileUploader extends React.Component {
     this.resumable.on('fileAdded', this.onFileAdded.bind(this));
     this.resumable.on('fileProgress', this.onFileProgress.bind(this));
     this.resumable.on('fileSuccess', this.onFileUploadSuccess.bind(this));
+    this.resumable.on('fileError', this.onFileError.bind(this));
+    this.resumable.on('uploadStart', this.onUploadStart.bind(this));
     this.resumable.on('progress', this.onProgress.bind(this));
     this.resumable.on('complete', this.onComplete.bind(this));
-    this.resumable.on('fileError', this.onFileError.bind(this));
     this.resumable.on('error', this.onError.bind(this));
     this.resumable.on('dragstart', this.onDragStart.bind(this));
   }
@@ -299,6 +300,12 @@ class FileUploader extends React.Component {
     return uploadBitrate;
   }
 
+  // start uploading
+  onUploadStart = () => {
+    const message = gettext('File upload started.');
+    toaster.info(message);
+  }
+
   onProgress = () => {
     let progress = Math.round(this.resumable.progress() * 100);
     this.setState({totalProgress: progress});
@@ -415,6 +422,9 @@ class FileUploader extends React.Component {
   }
 
   onComplete = () => {
+    const message = gettext('All files uploaded');
+    toaster.success(message);
+
     this.notifiedFolders = [];
     // reset upload link loaded
     this.isUploadLinkLoaded = false;
@@ -422,6 +432,9 @@ class FileUploader extends React.Component {
   }
 
   onError = (message) => {
+    const msg = gettext('Error');
+    toaster.danger(msg);
+
     // reset upload link loaded
     this.isUploadLinkLoaded = false;
     // After the error, the user can switch windows

frontend/src/pages/upload-link/upload-progress-dialog.js

@@ -72,7 +72,7 @@ class UploadProgressDialog extends React.Component {
                     onUploadRetry={this.props.onUploadRetry}
                   />
                 );
-              })
+              }).reverse()
               }
             </tbody>
           </table>