added editor panel

src/components/editors/EditorPanel/index.tsx

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import * as styles from './styles.scss';
+import { INode } from '~/redux/types';
+
+interface IProps {
+  data: INode;
+  setData: (val: INode) => void;
+};
+
+const EditorPanel: FC<IProps> = ({
+}) => (
+    <div className={styles.panel} />
+  )
+
+export { EditorPanel };

src/components/editors/EditorPanel/styles.scss

@@ -0,0 +1,7 @@
+.panel {
+  height: 60px;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  bottom: 100%;
+}

src/components/editors/ImageEditor/index.tsx

@@ -9,7 +9,9 @@ interface IProps {
 
 const ImageEditor: FC<IProps> = ({
 }) => (
-    <div className={styles.uploads} />
+    <div className={styles.uploads}>
+      <div />
+    </div>
   )
 
 export { ImageEditor };

src/components/editors/ImageEditor/styles.scss

@@ -1,3 +1,14 @@
 .uploads {
   min-height: 200px;
+  padding-bottom: 60px;
+  box-sizing: border-box;
+
+  display: grid;
+  grid-column-gap: $gap;
+  grid-row-gap: $gap;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+
+  @media (max-width: 600px) {
+    grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
+  }
 }

src/containers/dialogs/EditorDialog/index.tsx

@@ -10,6 +10,7 @@ import * as styles from './styles.scss';
 import { connect } from 'react-redux';
 import { selectNode } from '~/redux/node/selectors';
 import { ImageEditor } from '~/components/editors/ImageEditor';
+import { EditorPanel } from '~/components/editors/EditorPanel';
 
 const mapStateToProps = selectNode;
 const mapDispatchToProps = {};
@@ -23,7 +24,12 @@ const EditorDialogUnconnected: FC<IProps> = ({ onRequestClose, editor }) => {
   }, [setData, data]);
 
   const buttons = (
-    <Padder>
+    <Padder style={{ position: 'relative' }}>
+      <EditorPanel
+        data={data}
+        setData={setData}
+      />
+
       <Group horizontal>
         <InputText title="Название" value={data.title} handler={setTitle} />
 

src/containers/dialogs/EditorDialog/styles.scss

@@ -1,16 +1,8 @@
 .editor {
   flex: 1;
   padding: $gap;
-  // padding-bottom: 0;
+  // padding-bottom: 0;    
-  display: grid;
   align-items: center;
   justify-content: center;
-  grid-column-gap: $gap;
+  position: relative;
-  grid-row-gap: $gap;
-
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-
-  @media (max-width: 600px) {
-    grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr));
-  }
 }