Fix save note func

Author: peterjuma

src/App.js

@@ -319,19 +319,20 @@ class App extends Component {
   }
 
   handleSaveNote(e, note) {
-    var notebody = html2md.turndown(marked(marked(this.state.notebody)));
+    const notebody = html2md.turndown(marked(marked(note.notebody)));
+    const notetitle = document.getElementById("notetitle").value;
     this.setState((prevState) => {
       const updatedNotes = prevState.allnotes.map((noteitem) => {
         if (noteitem.noteid === note.noteid) {
-          noteitem.title = document.getElementById("notetitle").value;
+          noteitem.title = notetitle;
           noteitem.body = notebody;
           noteitem.activepage = "viewnote";
         }
         return noteitem;
       });
       return {
         noteid: note.noteid,
-        notetitle: document.getElementById("notetitle").value,
+        notetitle: notetitle,
         notebody: notebody,
         activepage: "viewnote",
         action: note.action,
@@ -342,7 +343,7 @@ class App extends Component {
     if (note.action == "addnote") {
       this.state.allnotes.push({
         noteid: note.noteid,
-        notetitle: document.getElementById("notetitle").value,
+        notetitle: notetitle,
         notebody: notebody,
         activepage: "viewnote",
         created_at: Date.now(),
@@ -352,7 +353,7 @@ class App extends Component {
       // Update IndexedDB
       this.handleIndexedDB("addnote", {
         noteid: note.noteid,
-        title: document.getElementById("notetitle").value,
+        title: notetitle,
         body: notebody,
         created_at: Date.now(),
         updated_at: Date.now(),
@@ -361,7 +362,7 @@ class App extends Component {
       // if note.action == "editnote"
       this.handleIndexedDB("update", {
         noteid: note.noteid,
-        title: document.getElementById("notetitle").value,
+        title: notetitle,
         body: notebody,
         updated_at: Date.now(),
       });

src/NoteEditor.js

@@ -142,15 +142,15 @@ function NoteEditor(props) {
     textareaRef.current.setSelectionRange(cusor.start, cusor.end);
   };
   const handleBodyChange = (e) => {
-    props.handleNoteEditor(e);
+    // props.handleNoteEditor(e);
     setBodyTxt(e.target.value);
     setCursor({
       start: e.target.selectionStart,
       end: e.target.selectionEnd,
     });
   };
   const handleTitleChange = (e) => {
-    props.handleNoteEditor(e);
+    // props.handleNoteEditor(e);
     setTitle(e.target.value);
   };
 
@@ -320,6 +320,14 @@ function NoteEditor(props) {
     return props.handleClickHomeBtn();
   };
 
+  //  Handle Save Noye Button Click
+
+  const handleSave = (e) => {
+    note.notetitle = title;
+    note.notebody = bodytxt;
+    props.handleSaveNote(e, note);
+  };
+
   return (
     <div className="right-row">
       <div></div>
@@ -330,7 +338,7 @@ function NoteEditor(props) {
             type="text"
             id="notetitle"
             data-action={note.action}
-            value={note.notetitle}
+            value={title}
             placeholder="Title"
             autoComplete="off"
             ref={titleRef}
@@ -470,7 +478,7 @@ function NoteEditor(props) {
               onKeyDown={(e) => handleKeyEvent(e)}
               data-action={note.action}
               value={bodytxt}
-              id="notetitle"
+              id="notebody"
               data-action={note.action}
               ref={textareaRef}
               onBlur={(e) => handleBlurEvent(e)}
@@ -486,7 +494,7 @@ function NoteEditor(props) {
             <div className="saveCancelBar">
               <i
                 className="far fa-save btn-save-cancel fa-2x"
-                onClick={(e) => props.handleSaveNote(e, note)}
+                onClick={(e) => handleSave(e)}
                 data-action={note.action}
               ></i>
               <i