🏗️ Trying out react-query

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

@@ -1,13 +1,10 @@
 import React, { ReactElement, useCallback } from "react";
 import { saveSettings } from "../../../actions/settings.actions";
 import { ConnectionForm } from "../../shared/ConnectionForm/ConnectionForm";
-import { useConnectToQBittorrentClientQuery } from "../../../services/torrents.api";
 
 export const QbittorrentConnectionForm = (): ReactElement => {
-  const { data, isLoading } = useConnectToQBittorrentClientQuery({});
   const onSubmit = useCallback(async (values) => {
     try {
-      dispatch(saveSettings(values, "bittorrent"));
     } catch (error) {
       console.log(error);
     }
@@ -15,13 +12,11 @@ export const QbittorrentConnectionForm = (): ReactElement => {
 
   return (
     <>
-      {!isLoading && (
-        <ConnectionForm
-          initialData={data?.bittorrent.client.host}
-          submitHandler={onSubmit}
-          formHeading={"Qbittorrent Configuration"}
-        />
-      )}
+      <ConnectionForm
+        initialData={data?.bittorrent.client.host}
+        submitHandler={onSubmit}
+        formHeading={"Qbittorrent Configuration"}
+      />
       <pre>{JSON.stringify(data?.qbittorrentClientInfo, null, 2)}</pre>
     </>
   );