add action editor

src/widgets/chain-editor/ui/ChainEditor.tsx

@@ -1,5 +1,6 @@
 import type { Chain } from "@/entities/chain/schema";
 
+import { ActionEditor } from "@/widgets/action-editor";
 import { RenameChainButton } from "@/features/rename-chain";
 import { DeleteChainButton } from "@/features/delete-chain";
 
@@ -13,7 +14,8 @@ interface ChainEditorProps {
 export default function ChainEditor({ chain }: ChainEditorProps) {
   if (!chain.actions || chain.actions.length === 0)
     return (
-      <>
+      <div className="flex h-full flex-col">
+        <div className="flex items-center justify-between">
           <Breadcrumbs sx={{ fontSize: "24px" }}>
             <Typography
               variant="h5"
@@ -30,11 +32,21 @@ export default function ChainEditor({ chain }: ChainEditorProps) {
               Новый пост
             </Typography>
           </Breadcrumbs>
-      </>
+
+          <div className="flex items-center gap-x-5">
+            <RenameChainButton chain={chain} />
+            <DeleteChainButton chain={chain} />
+          </div>
+        </div>
+
+        <div className="flex grow flex-col items-center justify-center">
+          <ActionEditor />
+        </div>
+      </div>
     );
 
   return (
-    <div key={chain._id} className="flex items-center justify-between">
+    <div className="flex items-center justify-between">
       <Typography
         variant="h5"
         sx={{ color: "#4C4E64DE", opacity: "87%" }}