Add dynamic page title

src/lib/components/editor.svelte

@@ -213,7 +213,7 @@
                     <img
                         src={entry.image}
                         alt="Entry"
-                        class="w-full h-auto max-h-96 object-cover"
+                        class="w-full h-auto max-h-128 object-cover"
                     />
                 </div>
             {:else}
@@ -256,7 +256,7 @@
                         <img
                             src={previewImage}
                             alt="Preview"
-                            class="w-full h-auto max-h-96 object-cover"
+                            class="w-full h-auto max-h-128 object-cover"
                         />
                         <button
                             type="button"

src/lib/upload.ts

@@ -57,17 +57,11 @@ export async function updateEntry(entry) {
 }
 
 export async function deleteEntry(entry) {
-  const res = await fetch(`/api/entry/delete`, {
+  await fetch(`/api/entry/delete`, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json'
     },
     body: JSON.stringify({ id: entry.id })
   });
-  
-  if (res.ok) {
-    entry = null;
-  } else {
-    alert('Failed to delete entry');
-  }
 }

src/routes/+layout.svelte

@@ -16,10 +16,13 @@
     let { children, data } = $props();
     let dateValue = $derived(data.date);
     let entries = $derived(data.entries);
+    let title = $state("Memento")
 
     $effect(() => {
         // Navigate when dateValue changes
         goto(`/${dateValue}`);
+        title = `Memento: ${dateValue}`
+        
     });
 
     $effect(() => {
@@ -28,7 +31,10 @@
     });
 </script>
 
-<svelte:head><link rel="icon" href={favicon} /></svelte:head>
+<svelte:head>
+    <title>{title}</title>
+    <link rel="icon" href={favicon} />
+</svelte:head>
 <ModeWatcher />
 
 <div

src/routes/api/entry/+server.ts

@@ -61,7 +61,7 @@ async function getEntryByMonth(monthString: string) {
         const endDate = new Date(year, month, 1, 0, 0, 0, 0)
 
         const entries = await db.select().from(entryTable).where(
-            sql`${entryTable.date} >= ${startDate.toISOString()}::timestamp AND ${entryTable.date} < ${endDate.toISOString()}::timestamp`
+            sql`${entryTable.date} >= ${startDate.toISOString()}::timestamp AND ${entryTable.date} < ${endDate.toISOString()}::timestamp ORDER BY ${entryTable.date} DESC`
         )
         
         return httpResponse(entries, 200)