drop cell

src/components/editors/ImageUploadButton/index.tsx

@@ -0,0 +1,16 @@
+import React, { FC, ChangeEventHandler } from 'react';
+import * as styles from './styles.scss';
+
+interface IProps {
+  onUpload?: ChangeEventHandler<HTMLInputElement>;
+};
+
+const ImageUploadButton: FC<IProps> = ({
+  onUpload,
+}) => (
+    <div className={styles.wrap}>
+      <input type="file" onChange={onUpload} />
+    </div>
+  )
+
+export { ImageUploadButton };

src/components/editors/ImageUploadButton/styles.scss

@@ -0,0 +1,22 @@
+.wrap {
+  padding-bottom: 100%;
+  box-shadow: inset lighten($content_bg, 20%) 0 0 0 4px;
+  position: relative;
+  border-radius: $radius;
+  cursor: pointer;
+  opacity: 0.5;
+  transition: opacity 0.5s;
+
+  &:hover {}
+
+  input {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+    z-index: 1;
+    cursor: pointer;
+  }
+}