🏗 Added error check state

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

@@ -47,9 +47,14 @@ export const QbittorrentConnectionForm = (): ReactElement => {
       }),
   });
 
+  if (isError)
     return (
       <>
-      {!isLoading ? (
+        <pre>Something went wrong connecting to qBittorrent.</pre>
+      </>
+    );
+  if (!isLoading) {
+    return (
       <>
         <ConnectionForm
           initialData={hostDetails}
@@ -61,11 +66,8 @@ export const QbittorrentConnectionForm = (): ReactElement => {
           {JSON.stringify(qbittorrentClientInfo?.data, null, 4)}
         </pre>
       </>
-      ) : (
-        "Loading..."
-      )}
-    </>
     );
+  }
 };
 
 export default QbittorrentConnectionForm;

src/client/components/shared/ConnectionForm/ConnectionForm.tsx

@@ -93,6 +93,12 @@ export const ConnectionForm = ({
                   {!isEmpty(initialData) ? "Update" : "Save"}
                 </button>
               </p>
+
+              <p className="control">
+                <button type="submit" className="button is-danger">
+                  {!isEmpty(initialData) && "Delete"}
+                </button>
+              </p>
             </div>
           </form>
         )}