feat(category): add upload for drag drop over category nav

produced an error beforehand

addon/components/category-nav/category.hbs

@@ -4,7 +4,7 @@
   {{on "dragenter" this.onDragEnter}}
   {{on "dragleave" this.onDragLeave}}
   {{on "dragover" this.onDragOver}}
-  {{on "drop" (perform this.onDrop)}}
+  {{on "drop" this.onDrop.perform}}
 >
   <div
     class="uk-link-reset {{if this.isActive "active"}}"

addon/components/category-nav/category.js

@@ -3,7 +3,9 @@ import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
-import { dropTask } from "ember-concurrency";
+import { task } from "ember-concurrency";
+
+import { ErrorHandler } from "ember-alexandria/helpers/error-handler";
 
 export default class CategoryNavCategoryComponent extends Component {
   @service("alexandria-documents") documents;
@@ -81,18 +83,24 @@ export default class CategoryNavCategoryComponent extends Component {
     event.stopPropagation();
   }
 
-  @dropTask
-  *onDrop(event) {
+  onDrop = task({ drop: true }, async (event) => {
     event.preventDefault();
 
     if (!this.args.category.id) return;
 
     this.dragCounter = 0;
     this.isDragOver = false;
 
+    if (event.dataTransfer.files.length) {
+      return await this.documents.upload(
+        this.args.category,
+        event.dataTransfer.files,
+      );
+    }
+
     const documentIds = event.dataTransfer.getData("text").split(",");
 
-    const success = yield Promise.all(
+    const success = await Promise.all(
       documentIds.map(async (id) => {
         const document = this.store.peekRecord("document", id);
 
@@ -112,11 +120,7 @@ export default class CategoryNavCategoryComponent extends Component {
         } catch (error) {
           document.category = previousCategory;
 
-          if (error.errors[0].status === "403") {
-            this.notification.danger(
-              this.intl.t("alexandria.errors.no-permission"),
-            );
-          }
+          new ErrorHandler(this, error).notify();
 
           return false;
         }
@@ -151,5 +155,5 @@ export default class CategoryNavCategoryComponent extends Component {
         },
       });
     }
-  }
+  });
 }

addon/helpers/error-handler.js

@@ -28,6 +28,8 @@ export class ErrorHandler {
       return this.notification.danger(firstError.detail);
     }
 
-    return this.notification.danger(this.intl.t(...args));
+    if (args.length) {
+      return this.notification.danger(this.intl.t(...args));
+    }
   }
 }