Start work on making a basic setting edit function

src/components/AccountDefaultSetting.tsx

@@ -29,6 +29,7 @@ export default function AccountDefaultSetting({
       <input
         type="text"
         key={settingField + "Body"}
+	name={settingField}
         value={fieldValue}
         onChange={(eventData) =>
           handleSettingFieldChange(eventData, setFieldValue, settingsChangedHook, initialValue)

src/pages/Settings.tsx

@@ -39,6 +39,32 @@ export default function Home({ authTokenStorageHandler }: Props) {
     return <Navigate to="/home"></Navigate>;
   }
 
+  function onSettingsSave(formEvent) {
+    formEvent.preventDefault();
+
+    const formData = new FormData(formEvent.target);
+    const formDataObject = Object.fromEntries(formData);
+
+    console.log(JSON.stringify(formDataObject));
+
+    fetch("http://127.0.0.1:8000/api/debug", {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(formDataObject),
+    })
+      .then((response) => response.json())
+      .then((responseParsed: Object) => {
+        console.log(responseParsed);
+        if (responseParsed.success) {
+          authTokenStorageHandler.setAuthTokenValue(responseParsed.authToken);
+        } else {
+          console.log("Login failure!");
+        }
+      });
+  }
+
   return (
     <>
       <div className="standardHorizontalTilingGrid">
@@ -57,12 +83,12 @@ export default function Home({ authTokenStorageHandler }: Props) {
               </ul>
             </div>
             <hr></hr>
-	    <div className="currentSettingBox">
+	      <form className="currentSettingBox" onSubmit={onSettingsSave}>
                  <div className="currentSetting">
 	            {renderCurrentSetting(currentSetting, settingsChangedHook)}
                  </div>
-	      {settingsChangedHook.settingsChanged ? ( <button>Save</button> ) : null }
+	         {settingsChangedHook.settingsChanged ? ( <button type="submit">Save</button> ) : null }
-	    </div>
+	      </form>
           </div>
         </TilingItem>
       </div>