Merge pull request #793 from asmsuechan/add-drop-on-notelist

Add file drop on NoteList

browser/main/NoteList/index.js

@@ -348,6 +348,22 @@ class NoteList extends React.Component {
       properties: ['openFile', 'multiSelections']
     }
 
+    dialog.showOpenDialog(remote.getCurrentWindow(), options, (filepaths) => {
+      this.addNotesFromFiles(filepaths)
+    })
+  }
+
+  handleDrop (e) {
+    e.preventDefault()
+    const { location } = this.props
+    const filepaths = Array.from(e.dataTransfer.files).map(file => { return file.path })
+    if (!location.pathname.match(/\/trashed/)) this.addNotes(filepaths)
+  }
+
+  // Add notes to the current folder
+  addNotesFromFiles (filepaths) {
+    const { dispatch, location } = this.props
+
     const targetIndex = _.findIndex(this.notes, (note) => {
       return note !== null && `${note.storage}-${note.key}` === location.query.key
     })
@@ -355,7 +371,6 @@ class NoteList extends React.Component {
     const storageKey = this.notes[targetIndex].storage
     const folderKey = this.notes[targetIndex].folder
 
-    dialog.showOpenDialog(remote.getCurrentWindow(), options, (filepaths) => {
     if (filepaths === undefined) return
     filepaths.forEach((filepath) => {
       fs.readFile(filepath, (err, data) => {
@@ -364,7 +379,7 @@ class NoteList extends React.Component {
         const newNote = {
           content: content,
           folder: folderKey,
-            title: markdown.strip(striptags(findNoteTitle(content))),
+          title: markdown.strip(findNoteTitle(content)),
           type: 'MARKDOWN_NOTE'
         }
         dataApi.createNote(storageKey, newNote)
@@ -380,7 +395,6 @@ class NoteList extends React.Component {
         })
       })
     })
-    })
   }
 
   render () {
@@ -439,6 +453,7 @@ class NoteList extends React.Component {
       <div className='NoteList'
         styleName='root'
         style={this.props.style}
+        onDrop={(e) => this.handleDrop(e)}
       >
         <div styleName='control'>
           <div styleName='control-sortBy'>