From f523b621aac293aaeba06e087f95900211dd219e Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Tue, 9 Jul 2024 18:23:35 +0200
Subject: [PATCH] add clear messages button

---
 dist/index.js                 |  3 ++-
 src/Views/chatOptionModal.tsx | 17 ++++++++++++-----
 src/translations.ts           |  1 +
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/dist/index.js b/dist/index.js
index e5695093..2c63a490 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -750,6 +750,7 @@
     encryptionKey: "Encryption key",
     encryptionKeyPlaceholder: "n10d2482dg283hg",
     removeChat: "Remove chat",
+    clearChatMessages: "Clear chat messages",
     noChatSelected: "No chat selected",
     composerPlaceholder: "Type a message...",
     sendMessage: "Send",
@@ -843,7 +844,7 @@
         placeholder: translation.encryptionKeyPlaceholder,
         "bind:value": chat.encryptionKey
       }
-    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete"))), /* @__PURE__ */ createElement("button", { "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
+    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("button", { class: "danger", "on:click": chat.clearMessages }, translation.clearChatMessages, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete_sweep")), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("button", { "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
   }
 
   // src/Views/messageComposer.tsx
diff --git a/src/Views/chatOptionModal.tsx b/src/Views/chatOptionModal.tsx
index a1eec98a..1b7f2a55 100644
--- a/src/Views/chatOptionModal.tsx
+++ b/src/Views/chatOptionModal.tsx
@@ -9,7 +9,7 @@ export function ChatOptionModal(chat: Chat, isPresented: React.State<boolean>) {
   }
 
   function deleteChat() {
-    chat.deleteSelf()
+    chat.deleteSelf();
     closeModal();
   }
 
@@ -116,10 +116,17 @@ export function ChatOptionModal(chat: Chat, isPresented: React.State<boolean>) {
 
           <hr></hr>
 
-          <button class="danger" on:click={deleteChat}>
-            {translation.removeChat}
-            <span class="icon">delete</span>
-          </button>
+          <div class="flex-column gap">
+            <button class="danger" on:click={chat.clearMessages}>
+              {translation.clearChatMessages}
+              <span class="icon">delete_sweep</span>
+            </button>
+
+            <button class="danger" on:click={deleteChat}>
+              {translation.removeChat}
+              <span class="icon">delete</span>
+            </button>
+          </div>
         </main>
         <button on:click={closeModal}>
           {translation.close}
diff --git a/src/translations.ts b/src/translations.ts
index 5c31229d..f6bd4017 100644
--- a/src/translations.ts
+++ b/src/translations.ts
@@ -51,6 +51,7 @@ const englishTranslations = {
   encryptionKeyPlaceholder: "n10d2482dg283hg",
 
   removeChat: "Remove chat",
+  clearChatMessages: "Clear chat messages",
 
   noChatSelected: "No chat selected",