From 1b0665222d2c7dbe0607029f909abf1411c69250 Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Wed, 11 Feb 2026 15:55:37 +1300
Subject: [PATCH] Fix entry screen not updating

---
 src/routes/+page.svelte | 68 +++++++++++++++++++++--------------------
 1 file changed, 35 insertions(+), 33 deletions(-)

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