From 8e9cc5c382bf95a19d8f85ec313efdab1f77be8c Mon Sep 17 00:00:00 2001
From: Abdo <abdo@abdnh.net>
Date: Thu, 10 Jul 2025 00:14:34 +0300
Subject: [PATCH] Implement add button

---
 ts/routes/editor/ActionButtons.svelte |  7 ++++++-
 ts/routes/editor/AddButton.svelte     | 18 ++++++++++++++++++
 ts/routes/editor/CloseButton.svelte   |  8 ++++++--
 ts/routes/editor/NoteEditor.svelte    |  7 ++++++-
 4 files changed, 36 insertions(+), 4 deletions(-)
 create mode 100644 ts/routes/editor/AddButton.svelte

diff --git a/ts/routes/editor/ActionButtons.svelte b/ts/routes/editor/ActionButtons.svelte
index dc7196862..30b273ff4 100644
--- a/ts/routes/editor/ActionButtons.svelte
+++ b/ts/routes/editor/ActionButtons.svelte
@@ -3,12 +3,14 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
+    import AddButton from "./AddButton.svelte";
     import CloseButton from "./CloseButton.svelte";
     import HelpButton from "./HelpButton.svelte";
     import type { EditorMode } from "./types";
 
     export let mode: EditorMode;
     export let onClose: () => void;
+    export let onAdd: () => void;
 </script>
 
 <div class="action-buttons d-flex flex-row-reverse">
@@ -16,7 +18,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         <HelpButton />
     {/if}
     {#if mode === "add" || mode === "current"}
-        <CloseButton {onClose} />
+        <CloseButton {onClose} enableShortcut={mode === "current"} />
+    {/if}
+    {#if mode === "add"}
+        <AddButton {onAdd} />
     {/if}
 </div>
 
diff --git a/ts/routes/editor/AddButton.svelte b/ts/routes/editor/AddButton.svelte
new file mode 100644
index 000000000..145e40c75
--- /dev/null
+++ b/ts/routes/editor/AddButton.svelte
@@ -0,0 +1,18 @@
+<!--
+Copyright: Ankitects Pty Ltd and contributors
+License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
+-->
+<script lang="ts">
+    import * as tr from "@generated/ftl";
+    import { getPlatformString } from "@tslib/shortcuts";
+    import Shortcut from "$lib/components/Shortcut.svelte";
+    import ActionButton from "./ActionButton.svelte";
+
+    export let onAdd: () => void;
+    const addKeyCombination = "Control+Enter";
+</script>
+
+<ActionButton onClick={onAdd} tooltip={getPlatformString(addKeyCombination)}>
+    {tr.actionsAdd()}
+    <Shortcut keyCombination={addKeyCombination} on:action={onAdd} />
+</ActionButton>
diff --git a/ts/routes/editor/CloseButton.svelte b/ts/routes/editor/CloseButton.svelte
index 51e14f43e..ab0038531 100644
--- a/ts/routes/editor/CloseButton.svelte
+++ b/ts/routes/editor/CloseButton.svelte
@@ -9,10 +9,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import ActionButton from "./ActionButton.svelte";
 
     export let onClose: () => void;
-    const closeKeyCombination = "Control+Enter";
+    export let enableShortcut: boolean;
+
+    const closeKeyCombination = enableShortcut ? "Control+Enter" : "";
 </script>
 
 <ActionButton onClick={onClose} tooltip={getPlatformString(closeKeyCombination)}>
     {tr.actionsClose()}
-    <Shortcut keyCombination={closeKeyCombination} on:action={onClose} />
+    {#if enableShortcut}
+        <Shortcut keyCombination={closeKeyCombination} on:action={onClose} />
+    {/if}
 </ActionButton>
diff --git a/ts/routes/editor/NoteEditor.svelte b/ts/routes/editor/NoteEditor.svelte
index 0eb4de744..a25bc6d9f 100644
--- a/ts/routes/editor/NoteEditor.svelte
+++ b/ts/routes/editor/NoteEditor.svelte
@@ -410,6 +410,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         }
     }
 
+    async function onAdd() {
+        // TODO get selected deck
+        await addCurrentNote(1n);
+    }
+
     export function saveOnPageHide() {
         if (document.visibilityState === "hidden") {
             // will fire on session close and minimize
@@ -1236,7 +1241,7 @@ components and functionality for general note editing.
         <Collapsible toggleDisplay collapse={$tagsCollapsed}>
             <TagEditor {tags} on:tagsupdate={saveTags} />
         </Collapsible>
-        <ActionButtons {mode} {onClose} />
+        <ActionButtons {mode} {onClose} {onAdd} />
     {/if}
 
     <ContextMenu bind:this={contextMenu}>