{#if errorMessage}

{errorMessage}

{/if} {#if notifications.length === 0} {:else}

{#each notifications as notification (notification.id)}
• { errorMessage = null; optimisticMarkRead(notification.id); return async ({ result, update }) => { if (result.type === 'failure' || result.type === 'error') { errorMessage = (result as { data?: { error?: string } }).data?.error ?? m.notification_error_generic(); await update({ reset: false, invalidateAll: false }); } else { // Navigate away — no need to update the store since we're leaving the page onClose(); goto( buildCommentHref( notification.documentId, notification.referenceId, notification.annotationId ) ); } }; }} > {#if notification.type === 'REPLY'} {:else} {/if}

  {notification.type === 'REPLY' ? m.notification_type_reply({ actor: notification.actorName }) : m.notification_type_mention({ actor: notification.actorName })}

  {relativeTime(notification.createdAt)}

  {#if !notification.read} {/if}
{/each}

{/if}