From c0ec74638ae46e466903a0dda325cafd914b2d61 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Tue, 14 May 2024 09:35:33 +0800
Subject: [PATCH] Refactor chat message type switching logic

---
 src/editMessage.tsx | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/editMessage.tsx b/src/editMessage.tsx
index 20bc694..0370e77 100644
--- a/src/editMessage.tsx
+++ b/src/editMessage.tsx
@@ -44,17 +44,29 @@ export function EditMessage(props: EditMessageProps) {
           />
         )}
         <div className={"w-full flex justify-center"}>
-          {chatStore.develop_mode && <button
-            className="w-full m-2 p-1 rounded bg-red-500"
-            onClick={() => {
-              if (typeof chat.content === "string") {
-                chat.content = []
-              } else {
-                chat.content = ''
-              }
-              setChatStore({ ...chatStore })
-            }}
-          >Switch to {typeof chat.content === 'string' ? "media message" : "string message"}</button>}
+          {chatStore.develop_mode && (
+            <button
+              className="w-full m-2 p-1 rounded bg-red-500"
+              onClick={() => {
+                const confirm = window.confirm(
+                  "Change message type will clear the content, are you sure?"
+                );
+                if (!confirm) return;
+
+                if (typeof chat.content === "string") {
+                  chat.content = [];
+                } else {
+                  chat.content = "";
+                }
+                setChatStore({ ...chatStore });
+              }}
+            >
+              Switch to{" "}
+              {typeof chat.content === "string"
+                ? "media message"
+                : "string message"}
+            </button>
+          )}
           <button
             className={"w-full m-2 p-1 rounded bg-purple-500"}
             onClick={() => {