0.4

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

@@ -1,4 +1,5 @@
 import { Button, ButtonGroup, cn } from '@heroui/react';
+import { mjChatCls } from '@/utils/cls';
 
 export type EditActionsProps = {
   isUser: boolean;
@@ -17,26 +18,38 @@ export const EditActions = ({
 
   return (
     <div
-      className={cn(
-        `flex w-full row-start-2 col-start-1 col-end-4`,
-        isUser ? 'justify-end' : 'justify-start',
+      className={mjChatCls(
+        ['msg-edit-actions-wrapper'],
+        cn(
+          `flex w-full row-start-2 col-start-1 col-end-4`,
+          isUser ? 'justify-end' : 'justify-start',
+        ),
       )}
     >
       <ButtonGroup
-        className="bg-white/15 text-default rounded-full"
+        className={mjChatCls(
+          ['msg-edit-actions-button-group'],
+          'bg-white/15 text-default rounded-full',
+        )}
         radius="full"
         size="sm"
         variant="light"
       >
         <Button
-          className="text-default"
+          className={mjChatCls(
+            ['msg-edit-actions-button', 'msg-edit-actions-button-save'],
+            'text-default',
+          )}
           size="sm"
           onPress={onSaveEdit}
         >
           保存
         </Button>
         <Button
-          className="text-default"
+          className={mjChatCls(
+            ['msg-edit-actions-button', 'msg-edit-actions-button-cancel'],
+            'text-default',
+          )}
           size="sm"
           onPress={onCancelEdit}
         >