Refactor EditMessage component to use Dialog for improved user experience; replace textarea with custom Textarea component for better styling and functionality

2024-12-21 18:06:03 +08:00
parent 05d9132c22
commit bb2b6164d6
3 changed files with 62 additions and 59 deletions
--- a/src/message.tsx
+++ b/src/message.tsx
@@ -189,14 +189,13 @@ export default function Message(props: Props) {
          <TTSPlay chat={chat} />
        </ChatBubbleActionWrapper>
      </ChatBubble>
-      {showEdit && (
-        <EditMessage
-          setShowEdit={setShowEdit}
-          chat={chat}
-          chatStore={chatStore}
-          setChatStore={setChatStore}
-        />
-      )}
+      <EditMessage
+        showEdit={showEdit}
+        setShowEdit={setShowEdit}
+        chat={chat}
+        chatStore={chatStore}
+        setChatStore={setChatStore}
+      />
      {chatStore.develop_mode && (
        <div
          className={`flex flex-wrap items-center gap-2 mt-2 ${