Fixing version 2 bugs. (#4)

Author: Saimcode

package.json

@@ -2,7 +2,6 @@
   "name": "notes-react-app",
   "version": "0.1.0",
   "private": true,
-  "homepage": "http://{github-username}.github.io/{repo-name}",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",

src/components/EditNote.jsx

@@ -70,11 +70,11 @@ function EditNote({
             id: note.id,
             noteText: noteUserText,
             noteDate: userDate,
-            
+
             editText: editText,
             noteTime: userTime,
           };
-            return { ...note, ...editedNote };
+          return { ...note, ...editedNote };
         }
         return note;
       });
@@ -128,6 +128,19 @@ function EditNote({
     }, 800);
   };
 
+  const handleKeyDown = (event) => {
+    if (event.code === "Enter" || event.code === "NumpadEnter") {
+      // Check if the user is not on mobile or tablet
+      if (!isMobile) {
+        event.preventDefault();
+        // Check if the shift key is not pressed with the Enter key
+        if (!event.shiftKey) {
+          handleSaveClick();
+        }
+      }
+    }
+  };
+
   useEffect(() => {
     // Handling note appearing animation
     editNote.current.classList.add("animate__fadeInDownBig");
@@ -159,7 +172,7 @@ function EditNote({
       <div
         ref={editNote}
         className={`note new edit-note animate__animated  
-    ${editAnimation ? "animate__fadeOutDownBig" : " "}`}
+        ${editAnimation ? "animate__fadeOutDownBig" : " "}`}
       >
         <ReactQuill
           ref={textEditor}
@@ -170,12 +183,7 @@ function EditNote({
           modules={modules}
           // Save new note when Enter key is pressed
           onKeyDown={(event) => {
-            if (event.code === "Enter" || event.code === "NumpadEnter") {
-              event.preventDefault();
-              if (!event.shiftKey || !isMobile) {
-                handleSaveClick();
-              }
-            }
+            handleKeyDown(event);
           }}
         />
         <div className="note-footer">