{$i18n.t("Notes")} • {$REXPRO

{#if query}

{/if}

{ if (e.deltaY !== 0) { e.preventDefault(); e.currentTarget.scrollLeft += e.deltaY; } }} >

{ if (value) { localStorage.noteViewOption = value; } else { delete localStorage.noteViewOption; } }} /> {#if [null, "shared"].includes(viewOption)} {/if}

{ if (displayOption) { localStorage.noteDisplayOption = displayOption; } else { delete localStorage.noteDisplayOption; } }} />

{#if items !== null && total !== null} {#if (items ?? []).length > 0} {@const groupedNotes = groupNotes(items)}

{#each groupedNotes as [timeRange, notesList], idx}

{$i18n.t(timeRange)}

{#if displayOption === null}

{#each notesList as note, idx (note.id)}

{note.title}

{dayjs( note.updated_at / 1000000, ).fromNow()}

{$i18n.t( "By {{name}}", { name: capitalizeFirstLetter( note ?.user ?.name ?? note ?.user ?.email ?? $i18n.t( "Deleted User", ), ), }, )}

{ selectedNote = note; downloadHandler( type, ); }} onCopyLink={async () => { const baseUrl = window .location .origin; const res = await copyToClipboard( `${baseUrl}/notes/${note.id}`, ); if ( res ) { toast.success( $i18n.t( "Copied link to clipboard", ), ); } else { toast.error( $i18n.t( "Failed to copy link", ), ); } }} onDelete={() => { selectedNote = note; showDeleteConfirm = true; }} isPinned={note.is_pinned ?? false} onPin={async () => { await toggleNotePinnedStatusById( localStorage.token, note.id, ); pinnedNotes.set( await getPinnedNoteList( localStorage.token, ).catch( () => [], ), ); init(); }} >

{/each}

{:else if displayOption === "grid"}

{#each notesList as note, idx (note.id)}

{note.title}

{#if note.data?.content?.md} {note.data ?.content ?.md} {:else} {$i18n.t( "No content", )} {/if}

{dayjs( note.updated_at / 1000000, ).fromNow()}

{$i18n.t( "By {{name}}", { name: capitalizeFirstLetter( note ?.user ?.name ?? note ?.user ?.email ?? $i18n.t( "Deleted User", ), ), }, )}

{/each}

{/if} {/each} {#if !allItemsLoaded} { if (!itemsLoading) { loadMoreItems(); } }} >

{$i18n.t("Loading...")}

{/if}

{:else}

{$i18n.t("No Notes")}

{$i18n.t( "Create your first note by clicking on the plus button below.", )}

{/if} {:else}

{/if}