Add more emoji

components/ReadFileDropContainer.js

@@ -6,13 +6,15 @@ const spec = {
   drop(props, monitor, component) {
     const bundle = monitor.getItem()
     Promise.all(
-      bundle.files.map(file => {
+      bundle.files
-        const reader = new FileReader()
+        .filter(props.filter || (i => i))
-        return new Promise((resolve, reject) => {
+        .map(file => {
-          reader.onload = event => resolve(event.target.result)
+          const reader = new FileReader()
-          reader.readAsText(file, 'UTF-8');
+          return new Promise((resolve, reject) => {
+            reader.onload = event => resolve(event.target.result)
+            reader.readAsText(file, 'UTF-8');
+          })
         })
-      })
     ).then(contents => {
       bundle.contents = contents
       component.setState(state => ({

pages/editor.js

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