{#if attachments.length > 0}

{#each attachments as attachment} {@const isPending = 'pending' in attachment && attachment.pending} {@const imgSrc = isPending ? attachment.path : `/api/notes/${noteId}/attachments?attachmentId=${attachment.id}`}

{ lightboxSrc = imgSrc; lightboxAlt = attachment.filename; }} data-testid="attachment-thumbnail" /> {#if isPending}

{:else if onToggleFeatured} {/if}

{/each}

{/if} {#if showDropZone}

(dragOver = false)} role="button" tabindex="0" data-testid="upload-dropzone" > {#if optimizing}

Optimizing...

{:else if uploading}

Uploading...

{:else} Drop images here or browse handleFiles((e.target as HTMLInputElement).files)} data-testid="file-input" /> {/if}

{#if optimizing}

Optimizing...

{:else if uploading}

Uploading...

{:else} Add images handleFiles((e.target as HTMLInputElement).files)} data-testid="file-input-mobile" /> {/if}

{/if}