init

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

@@ -0,0 +1,48 @@
+import { Button, ButtonGroup, cn } from '@heroui/react';
+
+export type EditActionsProps = {
+  isUser: boolean;
+  isEditing: boolean;
+  onSaveEdit: () => void;
+  onCancelEdit: () => void;
+};
+
+export const EditActions = ({
+  isUser,
+  isEditing,
+  onSaveEdit,
+  onCancelEdit,
+}: EditActionsProps) => {
+  if (!isEditing) return null;
+
+  return (
+    <div
+      className={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"
+        radius="full"
+        size="sm"
+        variant="light"
+      >
+        <Button
+          className="text-default"
+          size="sm"
+          onPress={onSaveEdit}
+        >
+          保存
+        </Button>
+        <Button
+          className="text-default"
+          size="sm"
+          onPress={onCancelEdit}
+        >
+          取消
+        </Button>
+      </ButtonGroup>
+    </div>
+  );
+};