🏗️ Refactored AirDCPP context using react-query

src/client/components/App.tsx

@@ -12,10 +12,7 @@ import Downloads from "./Downloads/Downloads";
 import { Routes, Route } from "react-router-dom";
 import Navbar from "./shared/Navbar";
 import "../assets/scss/App.scss";
-import {
-  AirDCPPSocketContextProvider,
-  AirDCPPSocketContext,
-} from "../context/AirDCPPSocket";
+
 import { SocketIOProvider } from "../context/SocketIOContext";
 import socketIOConnectionInstance from "../shared/socket.io/instance";
 import { isEmpty, isNil, isUndefined } from "lodash";

src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx

@@ -1,5 +1,4 @@
 import React, { ReactElement, useCallback, useContext } from "react";
-import { useDispatch } from "react-redux";
 import {
   saveSettings,
   deleteSettings,
@@ -10,31 +9,31 @@ import { isUndefined, isEmpty } from "lodash";
 import { ConnectionForm } from "../../shared/ConnectionForm/ConnectionForm";
 
 export const AirDCPPSettingsForm = (): ReactElement => {
-  const dispatch = useDispatch();
   const airDCPPSettings = useContext(AirDCPPSocketContext);
+  console.log(airDCPPSettings);
 
-  const onSubmit = useCallback(async (values) => {
-    try {
-      airDCPPSettings.setSettings(values);
-      dispatch(saveSettings(values, "directConnect"));
-    } catch (error) {
-      console.log(error);
-    }
-  }, []);
-  const removeSettings = useCallback(async () => {
-    airDCPPSettings.setSettings({});
-    dispatch(deleteSettings());
-  }, []);
-
-  const initFormData = !isUndefined(
-    airDCPPSettings.airDCPPState.settings.directConnect,
-  )
-    ? airDCPPSettings.airDCPPState.settings.directConnect.client.host
-    : {};
+  //   const onSubmit = useCallback(async (values) => {
+  //     try {
+  //       airDCPPSettings.setSettings(values);
+  //       // dispatch(saveSettings(values, "directConnect"));
+  //     } catch (error) {
+  //       console.log(error);
+  //     }
+  //   }, []);
+  //   const removeSettings = useCallback(async () => {
+  //     airDCPPSettings.setSettings({});
+  //     // dispatch(deleteSettings());
+  //   }, []);
+  //
+  //   const initFormData = !isUndefined(
+  //     airDCPPSettings.airDCPPState.settings.directConnect,
+  //   )
+  //     ? airDCPPSettings.airDCPPState.settings.directConnect.client.host
+  //     : {};
 
   return (
     <>
-      <ConnectionForm
+      {/* <ConnectionForm
         initialData={initFormData}
         submitHandler={onSubmit}
         formHeading={"Configure AirDC++"}
@@ -52,7 +51,7 @@ export const AirDCPPSettingsForm = (): ReactElement => {
             Delete
           </button>
         </p>
-      ) : null}
+      ) : null} */}
     </>
   );
 };

src/client/components/Settings/QbittorrentSettings/QbittorrentConnectionForm.tsx

@@ -4,7 +4,6 @@ import { useQuery, useMutation } from "@tanstack/react-query";
 import axios from "axios";
 
 export const QbittorrentConnectionForm = (): ReactElement => {
-  // axios interceptors to destructure response
   // fetch settings
   const { data, isLoading, isError } = useQuery({
     queryKey: ["settings"],

src/client/components/Settings/Settings.tsx

@@ -18,7 +18,11 @@ export const Settings = (props: ISettingsProps): ReactElement => {
     },
     {
       id: "adc-connection",
-      content: <div key="adc-connection">{/* <AirDCPPSettingsForm /> */}</div>,
+      content: (
+        <div key="adc-connection">
+          <AirDCPPSettingsForm />
+        </div>
+      ),
     },
     {
       id: "qbt-connection",