Up Next

{#if player.displayQueue.length === 0}

Queue is empty

{:else} {#each player.displayQueue as track (track.id)}

onJump(track)} onkeydown={(e) => e.key === "Enter" && onJump(track)} class="group flex items-center gap-2 px-3 py-2 rounded-md hover:bg-muted/50 transition-colors cursor-pointer text-sm" class:active={player.currentId === track.id} >

{#if player.currentId === track.id}

{:else} #

{track.title}

{track.artist}

{/each} {/if}