Mail

frontend/node_modules/react-dropzone/typings/tests/file-dialog.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import Dropzone from "../../";
+
+export const dropzone = (
+  <Dropzone
+    onDrop={(files) => console.log(files)}
+    onFileDialogCancel={() => console.log("onFileDialogCancel invoked")}
+    onFileDialogOpen={() => console.log("onFileDialogOpen invoked")}
+  >
+    {({ getRootProps, getInputProps, open }) => (
+      <div {...getRootProps()}>
+        <input {...getInputProps()} />
+        <p>Drop some files here.</p>
+        <button type="button" onClick={open}>
+          Open file dialog
+        </button>
+      </div>
+    )}
+  </Dropzone>
+);