moved delete button to editor

src/modules/editor/components/EditorWrapper/index.tsx

@@ -1,20 +1,25 @@
 import { FC, PropsWithChildren } from "react";
 import styles from "./styles.module.scss";
 import { Button } from "~/components/buttons/Button";
-import { useContainerPaddings } from "~/modules/theme/hooks/useContainerPaddings";
 
 interface EditorWrapperProps extends PropsWithChildren {
-  onSave: () => void;
+  save: () => void;
+  remove: () => void;
 }
 
-const EditorWrapper: FC<EditorWrapperProps> = ({ children, onSave }) => {
+const EditorWrapper: FC<EditorWrapperProps> = ({ children, save, remove }) => {
   return (
     <div className={styles.wrapper}>
       <div className={styles.content}>{children}</div>
 
       <div className={styles.panel}>
+        <Button onClick={remove} role="button" size="small" variant="outline">
+          Delete
+        </Button>
+
         <div className={styles.filler} />
-        <Button onClick={onSave} role="button" size="small">
+
+        <Button onClick={save} role="button" size="small">
           Save
         </Button>
       </div>

src/modules/editor/containers/MarkdownEditorContainer/index.tsx

@@ -11,6 +11,7 @@ interface MarkdownEditorContainerProps {
   id: string;
   locked: boolean;
   startEditing: () => void;
+  remove: () => void;
 }
 
 const RichEditor = lazy(() =>
@@ -23,6 +24,7 @@ export const MarkdownEditorContainer: FC<MarkdownEditorContainerProps> = ({
   id,
   locked,
   startEditing,
+  remove,
 }) => {
   const {
     settings: { richEditorEnabled },
@@ -39,7 +41,7 @@ export const MarkdownEditorContainer: FC<MarkdownEditorContainerProps> = ({
   );
 
   const editor = (
-    <EditorWrapper onSave={startEditing}>
+    <EditorWrapper save={startEditing} remove={remove}>
       {richEditorEnabled ? (
         <RichEditor value={value} onChange={setValue} locked={locked} />
       ) : (