First draft for files upload to S3

outline · Sep 12, 2020 · bc94f6f · bc94f6f
1 parent c153a80
commit bc94f6f
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/example/src/index.js b/example/src/index.js
@@ -80,7 +80,6 @@ class Example extends React.Component {
 
   handleChange = debounce(value => {
     const text = value();
-    console.log(text);
     localStorage.setItem("saved", text);
   }, 250);
 

diff --git a/src/commands/insertFiles.ts b/src/commands/insertFiles.ts
@@ -5,7 +5,7 @@ import { ToastType } from "../types";
 
 const insertFiles = function(view, event, pos, files, options) {
   // filter to only include image files
-  const images = files.filter(file => /image/i.test(file.type));
+  const images = files;
   if (images.length === 0) return;
 
   const {

diff --git a/src/components/BlockMenu.tsx b/src/components/BlockMenu.tsx
@@ -154,6 +154,8 @@ class BlockMenu extends React.Component<Props, State> {
     switch (item.name) {
       case "image":
         return this.triggerImagePick();
+      case "file":
+        return this.triggerImagePick();
       case "embed":
         return this.triggerLinkInput(item);
       case "link": {
@@ -241,6 +243,7 @@ class BlockMenu extends React.Component<Props, State> {
 
   handleImagePicked = event => {
     const files = getDataTransferFiles(event);
+    console.log(files);
 
     const {
       view,
@@ -466,7 +469,7 @@ class BlockMenu extends React.Component<Props, State> {
                 type="file"
                 ref={this.inputRef}
                 onChange={this.handleImagePicked}
-                accept="image/*"
+                accept="*"
               />
             </VisuallyHidden>
           )}

diff --git a/src/menus/block.ts b/src/menus/block.ts
@@ -107,6 +107,12 @@ export default function blockMenuItems(
       icon: ImageIcon,
       keywords: "picture photo",
     },
+    {
+      name: "file",
+      title: "File",
+      icon: ImageIcon,
+      keywords: "file doc pdf",
+    },
     {
       name: "link",
       title: dictionary.link,

diff --git a/src/nodes/Image.tsx b/src/nodes/Image.tsx
@@ -163,7 +163,7 @@ export default class Image extends Node {
 
     return (
       <div className="image" contentEditable={false}>
-        <ImageZoom
+        {/* <ImageZoom
           image={{
             src,
             alt,
@@ -189,7 +189,8 @@ export default class Image extends Node {
           >
             {alt}
           </Caption>
-        )}
+        )} */}
+        <a href={src}>My Doc</a>
       </div>
     );
   };