Migrating from Redux to RTK-query

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

@@ -34,7 +34,11 @@ export const AirDCPPSettingsForm = (): ReactElement => {
 
   return (
     <>
-      <ConnectionForm initialData={initFormData} submitHandler={onSubmit} />
+      <ConnectionForm
+        initialData={initFormData}
+        submitHandler={onSubmit}
+        formHeading={"Configure AirDC++"}
+      />
 
       {!isEmpty(airDCPPSettings.airDCPPState.socketConnectionInformation) ? (
         <AirDCPPSettingsConfirmation

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

@@ -1,27 +1,14 @@
 import React, { ReactElement, useCallback, useEffect } from "react";
-import { useDispatch, useSelector } from "react-redux";
+import { useAppDispatch, useAppSelector } from "../../../hooks/store";
 import { getQBitTorrentClientInfo } from "../../../actions/settings.actions";
 import { saveSettings } from "../../../actions/settings.actions";
 import { ConnectionForm } from "../../shared/ConnectionForm/ConnectionForm";
+import { useGetAllSettingsQuery } from "../../../services/settings.api";
 import { isUndefined } from "lodash";
+import { useConnectToQBittorrentClientQuery } from "../../../services/torrents.api";
 
 export const QbittorrentConnectionForm = (): ReactElement => {
-  const dispatch = useDispatch();
-  const torrents = useSelector(
-    (state: RootState) => state.settings.torrentsList,
-  );
-
-  const qBittorrentSettings = useSelector((state: RootState) => {
-    if (!isUndefined(state.settings.data.bittorrent)) {
-      return state.settings.data.bittorrent.client.host;
-    }
-  });
-
-  useEffect(() => {
-    if (!isUndefined(qBittorrentSettings)) {
-      dispatch(getQBitTorrentClientInfo(qBittorrentSettings));
-    }
-  }, []);
+  const dispatch = useAppDispatch();
 
   const onSubmit = useCallback(async (values) => {
     try {
@@ -31,15 +18,7 @@ export const QbittorrentConnectionForm = (): ReactElement => {
     }
   }, []);
 
-  return (
-    <>
-      <ConnectionForm
-        initialData={qBittorrentSettings}
-        submitHandler={onSubmit}
-      />
-      <pre> {torrents && JSON.stringify(torrents, null, 4)} </pre>
-    </>
-  );
+  return <></>;
 };
 
 export default QbittorrentConnectionForm;