🔧 Formatting and more layout changes

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
   });
 };

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">

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>
     </>
   );
 };