From 10a8362de0af5d9cebf7dab4c40235f5844dfd45 Mon Sep 17 00:00:00 2001
From: Denis Maslennikov <41147528+disant1@users.noreply.github.com>
Date: Mon, 27 Feb 2023 13:20:18 +0700
Subject: [PATCH] Fix attachment dragndrop (#2687)

Signed-off-by: Denis Maslennikov <denis.maslennikov@gmail.com>
---
 .../src/components/AttachmentDroppable.svelte        | 12 ++++++++++--
 .../src/components/Attachments.svelte                | 10 +++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/plugins/attachment-resources/src/components/AttachmentDroppable.svelte b/plugins/attachment-resources/src/components/AttachmentDroppable.svelte
index 70e9a2f95b..ddd337498f 100644
--- a/plugins/attachment-resources/src/components/AttachmentDroppable.svelte
+++ b/plugins/attachment-resources/src/components/AttachmentDroppable.svelte
@@ -13,20 +13,26 @@
 // limitations under the License.
 -->
 <script lang="ts">
-  import { Class, Doc, Ref, Space } from '@hcengineering/core'
+  import { Attachment } from '@hcengineering/attachment'
+  import { Class, Data, Doc, Ref, Space } from '@hcengineering/core'
 
   import { getClient } from '@hcengineering/presentation'
   import { createAttachments } from '../utils'
+  import attachment from '../plugin'
+  import { createEventDispatcher } from 'svelte'
 
   export let loading: number = 0
   export let objectClass: Ref<Class<Doc>>
   export let objectId: Ref<Doc>
   export let space: Ref<Space>
+  export let attachmentClass: Ref<Class<Attachment>> = attachment.class.Attachment
+  export let attachmentClassOptions: Partial<Data<Attachment>> = {}
   export let canDrop: ((e: DragEvent) => boolean) | undefined = undefined
 
   export let dragover = false
 
   const client = getClient()
+  const dispatch = createEventDispatcher()
 
   async function fileDrop (e: DragEvent) {
     dragover = false
@@ -43,10 +49,12 @@
 
     loading++
     try {
-      await createAttachments(client, list, { objectClass, objectId, space })
+      await createAttachments(client, list, { objectClass, objectId, space }, attachmentClass, attachmentClassOptions)
     } finally {
       loading--
     }
+
+    dispatch('attached')
   }
 </script>
 
diff --git a/plugins/attachment-resources/src/components/Attachments.svelte b/plugins/attachment-resources/src/components/Attachments.svelte
index b809a4ec08..4fb6a3992f 100644
--- a/plugins/attachment-resources/src/components/Attachments.svelte
+++ b/plugins/attachment-resources/src/components/Attachments.svelte
@@ -72,7 +72,15 @@
   </div>
 
   {#if !loading && (attachments === null || attachments === 0) && !readonly}
-    <AttachmentDroppable bind:loading bind:dragover objectClass={_class} {objectId} {space}>
+    <AttachmentDroppable
+      bind:loading
+      bind:dragover
+      objectClass={_class}
+      {objectId}
+      {space}
+      {attachmentClass}
+      {attachmentClassOptions}
+    >
       <div class="antiSection-empty attachments flex-col mt-3" class:solid={dragover}>
         <div class="flex-center content-accent-color">
           <UploadDuo size={'large'} />