Add more emoji

components/ReadFileDropContainer.js

@@ -6,7 +6,9 @@ const spec = {
   drop(props, monitor, component) {
     const bundle = monitor.getItem()
     Promise.all(
-      bundle.files.map(file => {
+      bundle.files
+        .filter(props.filter || (i => i))
+        .map(file => {
           const reader = new FileReader()
           return new Promise((resolve, reject) => {
             reader.onload = event => resolve(event.target.result)

pages/editor.js

@@ -123,8 +123,8 @@ class Editor extends React.Component {
 
             <ReadFileDropContainer onDrop={([code]) => this.setState({ code })}>
               {
-                ({ isOver }) => (
-                  <Overlay isOver={isOver} title="Drop your file here to import">
+                ({ isOver, canDrop }) => (
+                  <Overlay isOver={isOver || canDrop} title={`Drop your file here to import ${isOver ? '✋' : '✊'}`}>
                     <Carbon config={this.state} updateCode={this.updateCode}>
                       {this.state.code}
                     </Carbon>