{#if syncing?? && syncing}
<div class="flex items-center justify-center gap-2 py-2 text-base-content/60">
    <span class="loading loading-spinner loading-sm text-primary"></span>
    <span class="text-sm">Fetching releases from MusicBrainz…</span>
</div>
<div hx-get="/feed?offset=0"
     hx-target="#feed-list"
     hx-swap="innerHTML"
     hx-trigger="load delay:3s"
     class="hidden"></div>
{/if}
{#for row in rows}
{#include fragments/feed-row.html row=row /}
{/for}
{#if hasMore}
<button id="load-more"
        class="btn btn-outline btn-block mt-2"
        hx-get="/feed?offset={nextOffset}"
        hx-target="this"
        hx-swap="outerHTML">
    Load more
</button>
{/if}
{#if !hasMore && rows.empty && !(syncing?? && syncing)}
<div class="text-center text-base-content/60 py-12">
    <p class="text-lg">No releases yet.</p>
    <p class="text-sm">Search for an artist above and click <strong>Follow</strong> to start tracking their release groups.</p>
</div>
{/if}