convert manual form onSubmit to action function

toolbox-team · Dec 10, 2024 · 90e4a35 · 90e4a35
1 parent f005964
commit 90e4a35
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/extension/data/modules/modnotes.jsx b/extension/data/modules/modnotes.jsx
@@ -405,11 +405,7 @@ function ModNotesPopup ({
     }
 
     // Handle note creation
-    async function handleNewNoteSubmit (event) {
-        // don't actually perform the HTML form action
-        event.preventDefault();
-        const formData = new FormData(event.target);
-
+    async function submitNewNote (formData) {
         try {
             await TBApi.createModNote({
                 user,
@@ -439,7 +435,7 @@ function ModNotesPopup ({
     }, []);
 
     const popupFooter = (
-        <form className={css.modnoteCreateForm} onSubmit={handleNewNoteSubmit}>
+        <form className={css.modnoteCreateForm} action={submitNewNote}>
             <ActionSelect
                 name='label'
                 defaultValue={defaultNoteLabelValueToLabelType[defaultNoteLabel]}