Fix: download single file

Author: peterjuma

src/App.js

@@ -628,23 +628,12 @@ class App extends Component {
     DisplayList.length > 0 && DisplayList[0].click();
   }
 
-  handleDownloadNote(e) {
-    const html = document.getElementById("notebody-view").innerHTML;
-    const data = html2md.turndown(marked(html));
-    const title = html2md
-      .turndown(marked(document.getElementById("notetitle-view").innerHTML))
-      .replace(/ /g, "_");
-    const fileName = `${title || "note"}.md`;
-    var a = document.createElement("a");
-    document.body.appendChild(a);
-    a.style = "display: none";
-    var blob = new Blob([data], { type: "text/plain;charset=utf-8" }),
-      url = window.URL.createObjectURL(blob);
-    a.href = url;
-    a.download = fileName;
-    a.click();
-    window.URL.revokeObjectURL(url);
-    e.preventDefault();
+  handleDownloadNote(note) {
+    const title = `${note.notetitle.replace(/[^A-Z0-9]+/gi, "_") || "note"}.md`;
+    var blob = new Blob([note.notebody], {
+      type: "text/plain;charset=utf-8",
+    });
+    saveAs(blob, title);
   }
 
   handleNotesBackup() {

src/NavbarMain.js

@@ -29,7 +29,7 @@ function NavbarMain(props) {
           className="far fa-arrow-alt-circle-down btn"
           aria-hidden="true"
           style={{ float: "right" }}
-          onClick={(e) => props.handleDownloadNote(e, note)}
+          onClick={(e) => props.handleDownloadNote(note)}
         ></i>
       </div>
     </div>

src/NoteSort.js

@@ -18,7 +18,10 @@ function NoteSort(props) {
         </select>
       </label>
       <div className="backupbtn">
-        <i class="fas fa-download btn" onClick={props.handleNotesBackup}></i>
+        <i
+          className="fas fa-download btn"
+          onClick={props.handleNotesBackup}
+        ></i>
       </div>
     </div>
   );