src/lib/components/editor.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+    import { CalendarDate } from "@internationalized/date";
+    import { onMount } from "svelte";
+    
+    let {
+      dateValue = $bindable<CalendarDate | undefined>(
+                  new CalendarDate(2026, 2, 1),
+              ),
+    } = $props()
+    
+    let edit = $state(false)
+    
+    let entry = $state({
+      date: dateValue.toString(),
+      image: "",
+      content: ""
+    })
+    
+    onMount(async () => {
+      const res = await fetch(`/api/entry?date=${dateValue.toString()}`)
+      const data = await res.json()
+      entry = data
+    })
+</script>
+
+{JSON.stringify(entry)}
+
+<!-- <div class="flex flex-row items-center justify-between"> -->
+    <h1 class="text-3xl">{entry["date"]}</h1>
+<!-- </div> -->

src/routes/+page.svelte

@@ -6,45 +6,21 @@
     import Header from '$lib/components/header.svelte';
     
     import Calendar from "$lib/components/calendar.svelte";
-    import Editor from "$lib/components/editor/index.svelte";
+    import Editor from "$lib/components/editor.svelte";
     import EntrySummaryView from "$lib/components/entrySummaryView.svelte";
-    import AddEntryCover from "$lib/components/addEntryCover.svelte";
-    import { today } from "$lib/date";
-
-    let selectedEntry = $state("");
-    let selectedDate = $state(today());
     
     let dateValue = $state(new CalendarDate(2026, 2, 1));
 
-    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;
-        }
-    };
-
-    // $effect(() => {selectedEntry = ''})
 </script>
 
 
 <div class="flex flex-col md:flex-row space-y-4 w-full mt-6">
     <div class="md:w-1/2 md:order-2">
         <Header />
-
-        {#if selectedEntry}
-            {#key selectedEntry.id}
-                <Editor bind:entry={selectedEntry} />
-            {/key}
-        {:else}
-            {#key selectedDate}
-                <AddEntryCover bind:date={selectedDate} />
-            {/key}
-        {/if}
+        
+        {#key dateValue}
+            <Editor {dateValue} />
+        {/key}
     </div>
 
     <div class="md:w-1/2 space-y-4 md:mr-4">