{#if viewerDid} {:else} {/if} {#if entries.length > 0}

{#each entries as entry (entry.comment.uri)} {@const comment = entry.comment} {@const parent = commentsByUri.get(comment.parentUri)}

0 ? 'border-l border-white/10 pl-3' : ''} style={`margin-left: ${Math.min(entry.depth, 3) * 1.25}rem`} >

{authorLabel(comment)} {#if comment.author.did !== viewerDid && comment.author.displayName} @{handle(comment)} {/if} {formatDate(comment.createdAt)}

{#if parent && entry.depth > 1}

Replying to {parent.author.did === viewerDid ? 'you' : `@${handle(parent)}`}

{/if}

{comment.text}

{#if viewerDid && replyingTo?.uri === comment.uri}

(replyingTo = null)} />

{/if}

{/each}

{:else}

No comments yet. Start the conversation.

{/if}