From 1c34c123aa1addb5e843b741dca1cf07d6c05a48 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 20 Jul 2023 11:44:17 +0800
Subject: [PATCH] move edit to the bottom of message

---
 src/message.tsx | 57 +++++++++++++++++++++++++------------------------
 1 file changed, 29 insertions(+), 28 deletions(-)

diff --git a/src/message.tsx b/src/message.tsx
index 48fd861..0049e92 100644
--- a/src/message.tsx
+++ b/src/message.tsx
@@ -98,8 +98,37 @@ export default function Message(props: Props) {
                 chat.content
               )}
             </p>
+            <hr className="mt-2" />
             <div className="w-full flex justify-between">
               <DeleteIcon />
+              <button onClick={() => setShowEdit(true)}>🖋</button>
+              {showEdit && (
+                <div
+                  className={
+                    "absolute bg-black bg-opacity-50 w-full h-full top-0 left-0 pt-5 px-5 pb-20 rounded z-10"
+                  }
+                >
+                  <textarea
+                    className={"relative w-full h-full"}
+                    value={chat.content}
+                    onChange={(event: any) => {
+                      chat.content = event.target.value;
+                      chat.token = calculate_token_length(chat.content);
+                      setChatStore({ ...chatStore });
+                    }}
+                  ></textarea>
+                  <div className={"w-full flex justify-center"}>
+                    <button
+                      className={"m-2 p-1 rounded bg-green-500"}
+                      onClick={() => {
+                        setShowEdit(false);
+                      }}
+                    >
+                      Close
+                    </button>
+                  </div>
+                </div>
+              )}
               <CopyIcon />
             </div>
           </div>
@@ -136,34 +165,6 @@ export default function Message(props: Props) {
               >
                 ❌
               </button>
-              <button onClick={() => setShowEdit(true)}>🖋</button>
-              {showEdit && (
-                <div
-                  className={
-                    "absolute bg-black bg-opacity-50 w-full h-full top-0 left-0 pt-5 px-5 pb-20 rounded z-10"
-                  }
-                >
-                  <textarea
-                    className={"relative w-full h-full"}
-                    value={chat.content}
-                    onChange={(event: any) => {
-                      chat.content = event.target.value;
-                      chat.token = calculate_token_length(chat.content);
-                      setChatStore({ ...chatStore });
-                    }}
-                  ></textarea>
-                  <div className={"w-full flex justify-center"}>
-                    <button
-                      className={"m-2 p-1 rounded bg-green-500"}
-                      onClick={() => {
-                        setShowEdit(false);
-                      }}
-                    >
-                      Close
-                    </button>
-                  </div>
-                </div>
-              )}
               <span
                 onClick={(event: any) => {
                   chat.example = !chat.example;