From c332258a7161ed05232b3b956ad694d5d0271c41 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 2 Aug 2022 21:34:53 +0200
Subject: [PATCH] chore(gui-v2): use correct ref el for sortable

---
 packages/nc-gui-v2/components/cell/attachment/Modal.vue | 4 ++--
 packages/nc-gui-v2/components/cell/attachment/index.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/components/cell/attachment/Modal.vue b/packages/nc-gui-v2/components/cell/attachment/Modal.vue
index d88376c540..ae02af9b77 100644
--- a/packages/nc-gui-v2/components/cell/attachment/Modal.vue
+++ b/packages/nc-gui-v2/components/cell/attachment/Modal.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { onKeyDown } from '@vueuse/core'
 import { useAttachmentCell } from './utils'
+import { useSortable } from './sort'
 import { ref, useDropZone, useUIPermission } from '#imports'
 import { isImage, openLink } from '~/utils'
 import MaterialSymbolsAttachFile from '~icons/material-symbols/attach-file'
@@ -8,7 +9,6 @@ import MdiCloseCircle from '~icons/mdi/close-circle'
 import MdiDownload from '~icons/mdi/download'
 import MaterialSymbolsFileCopyOutline from '~icons/material-symbols/file-copy-outline'
 import IcOutlineInsertDriveFile from '~icons/ic/outline-insert-drive-file'
-import { useSortable } from './sort'
 
 const { isUIAllowed } = useUIPermission()
 
@@ -34,7 +34,7 @@ const dropZoneRef = ref<HTMLDivElement>()
 
 const sortableRef = ref<HTMLDivElement>()
 
-const { dragging } = useSortable(dropZoneRef, visibleItems, updateModelValue)
+const { dragging } = useSortable(sortableRef, visibleItems, updateModelValue)
 
 const { isOverDropZone } = useDropZone(dropZoneRef, onDrop)
 
diff --git a/packages/nc-gui-v2/components/cell/attachment/index.vue b/packages/nc-gui-v2/components/cell/attachment/index.vue
index b112d132e5..8aa198833f 100644
--- a/packages/nc-gui-v2/components/cell/attachment/index.vue
+++ b/packages/nc-gui-v2/components/cell/attachment/index.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useProvideAttachmentCell } from './utils'
 import Modal from './Modal.vue'
+import { useSortable } from './sort'
 import { ref, useDropZone, watch } from '#imports'
 import { isImage, openLink } from '~/utils'
 import MaterialSymbolsAttachFile from '~icons/material-symbols/attach-file'
@@ -8,7 +9,6 @@ import MaterialArrowExpandIcon from '~icons/mdi/arrow-expand'
 import MaterialSymbolsFileCopyOutline from '~icons/material-symbols/file-copy-outline'
 import MdiReload from '~icons/mdi/reload'
 import IcOutlineInsertDriveFile from '~icons/ic/outline-insert-drive-file'
-import { useSortable } from './sort'
 
 interface Props {
   modelValue: string | Record<string, any>[] | null