diff --git a/src/features/Queue/Queue.tsx b/src/features/Queue/Queue.tsx index fbaab8a..18acf48 100644 --- a/src/features/Queue/Queue.tsx +++ b/src/features/Queue/Queue.tsx @@ -101,7 +101,6 @@ const Queue: React.FC = () => { const renderQueueItem = (queueItem: QueueItem, index: number) => { console.log(`Queue item ${index}: order=${queueItem.order}, key=${queueItem.key}`); const canDelete = isAdmin && queueMode === 'delete'; // Only allow delete in delete mode - const isFirstItem = index === 0; return ( @@ -212,7 +211,7 @@ const Queue: React.FC = () => { color="danger" onClick={() => handleRemoveFromQueue(firstItem)} > - + )} @@ -223,41 +222,24 @@ const Queue: React.FC = () => { return ( <> + + + ) + } /> +
- {/* Mode Toggle Button */} - {canReorder && ( -
- - - {queueMode === 'delete' ? 'Reorder Mode' : 'Delete Mode'} - -
- )} - - {/* Mode Instructions */} - {canReorder && ( -
-

- {queueMode === 'reorder' - ? (isPlaying - ? "💡 Drag and drop to reorder songs (first song is locked while playing)" - : "💡 Drag and drop to reorder songs" - ) - : "🗑️ Click the trash icon to delete songs from the queue" - } -

-
- )} - {/* First Item (Currently Playing) */} {renderFirstItem()}