From c6e55a90cee58a422add03684a5a82d3cff69d8e Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sat, 16 Sep 2023 15:46:40 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Formatting=20and=20more=20layout?=
 =?UTF-8?q?=20changes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/actions/settings.actions.tsx       | 24 +++++++++----------
 .../AirDCPPSettings/AirDCPPSettingsForm.tsx   |  4 ++--
 .../QbittorrentConnectionForm.tsx             |  4 ++--
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/client/actions/settings.actions.tsx b/src/client/actions/settings.actions.tsx
index 3e3f6d6..0b47384 100644
--- a/src/client/actions/settings.actions.tsx
+++ b/src/client/actions/settings.actions.tsx
@@ -13,17 +13,17 @@ import {
 
 export const saveSettings =
   (settingsPayload, settingsKey: string, settingsObjectId?: string) =>
-  async (dispatch) => {
-    const result = await axios({
-      url: `${SETTINGS_SERVICE_BASE_URI}/saveSettings`,
-      method: "POST",
-      data: { settingsPayload, settingsKey, settingsObjectId },
-    });
-    dispatch({
-      type: SETTINGS_OBJECT_FETCHED,
-      data: result.data,
-    });
-  };
+    async (dispatch) => {
+      const result = await axios({
+        url: `${SETTINGS_SERVICE_BASE_URI}/saveSettings`,
+        method: "POST",
+        data: { settingsPayload, settingsKey, settingsObjectId },
+      });
+      dispatch({
+        type: SETTINGS_OBJECT_FETCHED,
+        data: result.data,
+      });
+    };
 
 export const getSettings = (settingsKey?) => async (dispatch) => {
   const result = await axios({
@@ -85,6 +85,6 @@ export const getQBitTorrentClientInfo = (hostInfo) => async (dispatch) => {
   console.log(bar);
   dispatch({
     type: SETTINGS_QBITTORRENT_TORRENTS_LIST_FETCHED,
-    data: foo,
+    data: bar.data
   });
 };
diff --git a/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx b/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
index 70fbfcf..548f408 100644
--- a/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
+++ b/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
@@ -26,7 +26,7 @@ export const AirDCPPSettingsForm = (): ReactElement => {
     airDCPPSettings.setSettings({});
     dispatch(deleteSettings());
   }, []);
-  const validate = async () => {};
+  const validate = async () => { };
   const initFormData = !isUndefined(
     airDCPPSettings.airDCPPState.settings.directConnect,
   )
@@ -41,7 +41,7 @@ export const AirDCPPSettingsForm = (): ReactElement => {
         initialValues={initFormData}
         render={({ handleSubmit }) => (
           <form onSubmit={handleSubmit}>
-            <h2>AirDC++ Connection Information</h2>
+            <h2>Configure AirDC++</h2>
             <label className="label">AirDC++ Hostname</label>
             <div className="field has-addons">
               <p className="control">
diff --git a/src/client/components/Settings/QbittorrentSettings/QbittorrentConnectionForm.tsx b/src/client/components/Settings/QbittorrentSettings/QbittorrentConnectionForm.tsx
index 3fa7438..b4ea7ca 100644
--- a/src/client/components/Settings/QbittorrentSettings/QbittorrentConnectionForm.tsx
+++ b/src/client/components/Settings/QbittorrentSettings/QbittorrentConnectionForm.tsx
@@ -34,14 +34,13 @@ export const QbittorrentConnectionForm = (): ReactElement => {
 
   return (
     <>
-      <pre> {JSON.stringify(torrents, null, 4)} </pre>
 
       <Form
         onSubmit={onSubmit}
         // validate={}
         initialValues={qBittorrentSettings}
         render={({ handleSubmit }) => (
-          <form onSubmit={handleSubmit}>
+          <form className="content" onSubmit={handleSubmit}>
             <h2>Configure Qbittorrent</h2>
             <label className="label">Qbittorrent Hostname</label>
             <div className="field has-addons">
@@ -126,6 +125,7 @@ export const QbittorrentConnectionForm = (): ReactElement => {
           </form>
         )}
       />
+      <pre> {JSON.stringify(torrents, null, 4)} </pre>
     </>
   );
 };