Updates and more

src/components/admin/pages/edit/Editor.svelte

@@ -7,10 +7,14 @@
     import type {Page} from "../../types/page.ts";
     import {materialDark} from '@ddietr/codemirror-themes/material-dark.js'
     import {EditOutline} from "flowbite-svelte-icons";
+    import {createEventDispatcher} from "svelte";
 
     export let pageId: number;
     export let branch: string;
-    $: pageFuture = $pageRepo.getPage(pageId).then(getPage);
+
+    let dispatcher = createEventDispatcher();
+
+    $: pageFuture = $pageRepo.getPage(pageId, branch).then(getPage);
     let pageContent = "";
     let page: Page | null = null;
 
@@ -21,11 +25,17 @@
     }
 
     function savePage() {
-        let message = window.prompt("Commit message:")
+        let message = window.prompt("Commit message:", "Update " + page!.name)
         if (message) {
-            $pageRepo.updatePage(pageId, pageContent, page!.sha, message)
-        } else {
-            alert("Commit message is required")
+            $pageRepo.updatePage(pageId, pageContent, page!.sha, message, branch)
+        }
+    }
+
+    async function deletePage() {
+        let message = window.prompt("Commit message:", "Delete " + page!.name)
+        if (message) {
+            await $pageRepo.deletePage(pageId, message, page!.sha, branch)
+            dispatcher("reload")
         }
     }
 </script>
@@ -37,6 +47,9 @@
         <div>
             <Toolbar class="!bg-gray-900">
                 <ToolbarGroup slot="end">
+                    <ToolbarButton on:click={deletePage}>
+                        Delete
+                    </ToolbarButton>
                     <ToolbarButton color="primary" on:click={savePage}>
                         Save
                     </ToolbarButton>