0.4

src/pages/chat/MessageItem/components/MessageEditArea.tsx

@@ -1,5 +1,6 @@
 import { cn } from '@heroui/react';
 import { useEffect, useRef, useState } from 'react';
+import { mjChatCls } from '@/utils/cls';
 
 export type MessageEditAreaProps = {
   isUser: boolean;
@@ -39,16 +40,22 @@ export const MessageEditArea = ({
 
   return (
     <div
-      className="w-full"
+      className={mjChatCls(['msg-edit-textarea-wrapper'], 'w-full')}
       style={{
         height: wrapHeight,
       }}
     >
       <textarea
         ref={textareaRef}
-        className={cn(
-          'w-full outline-none resize-none h-fit overflow-hidden p-4 bg-background rounded-xl text-[16px]',
-          isUser ? 'rounded-br-sm' : 'rounded-bl-sm',
+        className={mjChatCls(
+          [
+            'msg-edit-textarea',
+            isUser ? 'msg-edit-textarea-user' : 'msg-edit-textarea-assistant',
+          ],
+          cn(
+            'w-full outline-none resize-none h-fit overflow-hidden p-4 bg-background rounded-xl text-[16px]',
+            isUser ? 'rounded-br-sm' : 'rounded-bl-sm',
+          ),
         )}
         value={editedMessage}
         onChange={(e) => {