attempt to fix e2e

apps/remix-ide-e2e/src/tests/file_explorer_dragdrop.test.ts

@@ -54,9 +54,12 @@ module.exports = {
           const id = (el as any).value.getId()
           browser
             .waitForElementVisible('li[data-id="treeViewLitreeViewItemscripts"]')
-                        .dragAndDrop('li[data-id="treeViewLitreeViewItemscripts"]', id)
+            .dragAndDrop('div[data-id="treeViewDivDraggableItemscripts"]', id)
+            .pause()
             .waitForElementPresent('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok')
+            .pause()
             .execute(function () { (document.querySelector('[data-id="fileSystemModalDialogModalFooter-react"] .modal-ok') as HTMLElement).click() })
+            .pause()
             .waitForElementVisible('li[data-id="treeViewLitreeViewItemcontracts/scripts"]')
         })
     }

libs/remix-ui/workspace/src/lib/components/flat-tree-drop.tsx

@@ -61,7 +61,7 @@ export const FlatTreeDrop = (props: FlatTreeDropProps) => {
     } else {
       dragDestination = getFlatTreeItem(target.path)
     }
-
+    console.log(dragDestination)
     if (dragDestination.isDirectory) {
       if (dragSource.isDirectory) {
         moveFolder(dragDestination.path, dragSource.path)

libs/remix-ui/workspace/src/lib/components/flat-tree.tsx

@@ -186,7 +186,7 @@ export const FlatTree = (props: FlatTreeProps) => {
   }, [focusEdit])
 
   const showIcons = (file: FileType) =>
-    file.path === hover ? (
+    file.path === hover && !isDragging ? (
       <div>
         <FileHoverIcons
           file={file}
@@ -224,6 +224,7 @@ export const FlatTree = (props: FlatTreeProps) => {
               editModeOff={editModeOff}
               file={file} /> :
             <><div
+              data-id={`treeViewDivDraggableItem${file.path}`}
               draggable={true}
               onDragStart={onDragStart}
               onDragEnd={onDragEnd}