{#snippet avatar(author: Author)} {#if author.picture}
{:else}
{author.name[0].toUpperCase()}
{/if} {/snippet} {#snippet post( p: PostData, index: number, bindEl: (el: HTMLElement | null) => void, )} {@const author = resolveAuthor(p.pubkey, profiles)}
{@render avatar(author)}
{@render avatar(author)}
{author.name}
{#if canModerate}
toggleMenu(p.id, e)} class="flex items-center justify-center rounded p-1 text-neutral-300 dark:text-neutral-600 transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-500 dark:hover:text-neutral-400" aria-label="Post actions" aria-haspopup="menu" aria-expanded={openMenuId === p.id} >
{#if openMenuId === p.id}
{ e.stopPropagation(); requestDeletePost(p, index === 0); }} class="w-full px-3 py-1.5 text-left text-red-600 hover:bg-red-50" >Delete
{/if}
{/if}
{formatDate(p.createdAt)}
{#if auth.user}
quotePost(p)} disabled={!auth.user} class="hover:text-brand flex cursor-pointer items-center gap-1.5 text-neutral-300 dark:text-neutral-600 transition-colors disabled:cursor-not-allowed disabled:opacity-50" >
Quote post
{/if}
{/snippet} {#if detail}
Discussions
{detail.title}
{#if isScrolled}
{/if}
{#if detail.labels.length > 0}
{#each detail.labels as l}
{/each}
{/if}
{@render post(detail.op, 0, () => {})}
{#if detail.replies.length > 0}
{#each detail.replies as reply, i}
{@render post(reply, i + 1, () => {})}
{/each}
{/if}
{#if auth.user} {#if replyError}
{replyError}
{/if}
p.pubkey)} {threadEventAuthors} />
{replying ? "Posting…" : "post reply"}
{:else}
To participate and reply, please
login now
{/if}
{:else}
Loading…
{/if} {#if selectionTarget && auth.user}
e.preventDefault()} onclick={quoteFromSelection} style="top: {selectionTarget.top}px; left: {selectionTarget.left}px;" class="bg-brand hover:bg-brand-hover fixed z-50 -translate-x-1/2 -translate-y-full rounded px-3 py-1 text-xs font-medium text-white shadow-md" > Quote
{/if}