breadone/Memento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix entry screen not updating

Browse Source
This commit is contained in:
June
2026-02-11 15:55:37 +13:00
parent b8aad98b85
commit 1b0665222d
1 changed files with 35 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/routes/+page.svelte
View File

@@ -1,29 +1,27 @@
<script lang="ts"> <script lang="ts">
const { const { data } = $props();
data
} = $props()
import Calendar from '$lib/components/calendar.svelte' import Calendar from "$lib/components/calendar.svelte";
import Editor from '$lib/components/editor/index.svelte'; import Editor from "$lib/components/editor/index.svelte";
import EntrySummaryView from '$lib/components/entrySummaryView.svelte' import EntrySummaryView from "$lib/components/entrySummaryView.svelte";
import AddEntryCover from '$lib/components/addEntryCover.svelte' import AddEntryCover from "$lib/components/addEntryCover.svelte";
import { today } from '$lib/date'; import { today } from "$lib/date";
let edit = $state(false) let edit = $state(false);
let selectedEntry = $state('') let selectedEntry = $state("");
let selectedDate = $state(today()) let selectedDate = $state(today());
let selectEntry = async (hasEntry: boolean, data: string | null) => { let selectEntry = async (hasEntry: boolean, data: string | null) => {
// data should be the entryID if hasEntry == true, or the date if there is no entry // data should be the entryID if hasEntry == true, or the date if there is no entry
if (hasEntry) { if (hasEntry) {
const res = await fetch(`/api/entry?id=${data}`) const res = await fetch(`/api/entry?id=${data}`);
selectedEntry = await res.json() selectedEntry = await res.json();
selectedDate = selectedEntry.date selectedDate = selectedEntry.date;
} else { } else {
selectedEntry = '' selectedEntry = "";
selectedDate = data as string selectedDate = data as string;
}
} }
};
// $effect(() => {selectedEntry = ''}) // $effect(() => {selectedEntry = ''})
</script> </script>
@@ -31,22 +29,26 @@
<Calendar entries={data.all} dayClickCallback={selectEntry} /> <Calendar entries={data.all} dayClickCallback={selectEntry} />
<div class="flex flex-col md:flex-row space-y-4 w-full mt-6"> <div class="flex flex-col md:flex-row space-y-4 w-full mt-6">
<div class="md:w-1/2 md:order-2"> <div class="md:w-1/2 md:order-2">
{#if selectedEntry} {#if selectedEntry}
{#key selectedEntry.id}
<Editor bind:entry={selectedEntry} /> <Editor bind:entry={selectedEntry} />
{/key}
{:else} {:else}
{#key selectedDate}
<AddEntryCover bind:date={selectedDate} /> <AddEntryCover bind:date={selectedDate} />
{/key}
{/if} {/if}
</div> </div>
<div class="md:w-1/2 md:mr-4"> <div class="md:w-1/2 md:mr-4">
<ul> <ul>
{#each data.all as entry} {#each data.all as entry}
<EntrySummaryView clickCB={async () => await selectEntry(true, entry.id)} {entry} /> <EntrySummaryView
clickCB={async () => await selectEntry(true, entry.id)}
{entry}
/>
{/each} {/each}
</ul> </ul>
</div> </div>
</div>
</div>