{#if playlistQuery?.isPending}

Loading…

{:else if playlistQuery?.isError} playlistQuery.refetch()} /> {:else if playlistQuery?.data} {@const pl = playlistQuery.data} {#if !editing}

{#if pl.cover_url}

{/if}

{pl.name}

{#if pl.description}

{pl.description}

{/if}

{pl.track_count} {pl.track_count === 1 ? 'track' : 'tracks'} {#if pl.is_public}· public{:else}· private{/if} {#if !isOwner}· by {pl.owner_username}{/if}

{#if isOwner} {/if}

{:else}

Name Description Make this playlist public

{/if}

{#if pl.tracks.length === 0}

{#if isOwner} No tracks yet. Add some via the "Add to playlist…" entry on any track row. {:else} No tracks in this playlist. {/if}

{:else} {#each pl.tracks as row (row.position)} (dragFromPos = p)} onDrop={(_, p) => onDrop(p)} /> {/each} {/if}

{/if}