hook multifile to ui

app/dragManager.js

@@ -1,12 +1,12 @@
-/* global MAXFILESIZE */
-import Archive from './archive';
-import { bytes } from './utils';
+import { checkSize } from './utils';
 
 export default function(state, emitter) {
   emitter.on('DOMContentLoaded', () => {
     document.body.addEventListener('dragover', event => {
       if (state.route === '/') {
         event.preventDefault();
+        const files = document.querySelector('.uploadedFilesWrapper');
+        files.classList.add('uploadArea--noEvents');
       }
     });
     document.body.addEventListener('drop', event => {
@@ -15,21 +15,12 @@ export default function(state, emitter) {
         document
           .querySelector('.uploadArea')
           .classList.remove('uploadArea--dragging');
-        const target = event.dataTransfer;
-        if (target.files.length === 0) {
-          return;
-        }
-        const file = new Archive(target.files);
 
-        if (file.size === 0) {
-          return;
-        }
-        if (file.size > MAXFILESIZE) {
-          // eslint-disable-next-line no-alert
-          alert(state.translate('fileTooBig', { size: bytes(MAXFILESIZE) }));
-          return;
-        }
-        emitter.emit('upload', { file, type: 'drop' });
+        const target = event.dataTransfer;
+
+        checkSize(target.files, state.files);
+
+        emitter.emit('addFiles', { files: target.files });
       }
     });
   });