single track drag-and-drop ghost

2026-02-23 09:42:11 -05:00
parent bd9652b378
commit d89dee44e3
5 changed files with 122 additions and 12 deletions
@@ -26,6 +26,7 @@ import {
 } from '@utils/drag-controller';
 import {
    createDragImage,
+    createTrackCardDragImage,
    removeDragImage,
 } from '@utils/drag-image';

@@ -1096,9 +1097,21 @@ export class QueuePanel
            source: 'queue',
        });

-        this.dragImageEl = createDragImage(
-            filePaths.length,
-        );
+        if (filePaths.length === 1) {
+            const t = tracks[index]!;
+
+            this.dragImageEl =
+                createTrackCardDragImage(
+                    t.title,
+                    t.artist,
+                    t.filePath,
+                );
+        } else {
+            this.dragImageEl = createDragImage(
+                filePaths.length,
+            );
+        }
+
        e.dataTransfer?.setDragImage(
            this.dragImageEl,
            0,