📝 Qbittorrent form scaffold

jsdoc.json

@@ -12,7 +12,7 @@
         "plugins/markdown"
     ],
     "opts": {
-        "template": "node_modules/docdash",
+        "template": "node_modules/tui-jsdoc-template",
         "encoding": "utf8",
         "destination": "docs/",
         "recurse": true,

package.json

@@ -118,6 +118,7 @@
     "sass": "^1.66.1",
     "storybook": "^7.3.2",
     "tslint": "^6.1.3",
+    "tui-jsdoc-template": "^1.2.2",
     "typescript": "^5.1.6"
   },
   "resolutions": {

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

@@ -1,4 +1,5 @@
 import React, { ReactElement, useCallback, useEffect } from "react";
+import { Form, Field } from "react-final-form";
 import { useDispatch, useSelector } from "react-redux";
 import { getQBitTorrentClientInfo } from "../../../actions/settings.actions";
 
@@ -9,12 +10,23 @@ export const QbittorrentConnectionForm = (): ReactElement => {
   useEffect(() => {
 	  dispatch(getQBitTorrentClientInfo());
   }, [])
-
-  return (
-	<div className="is-clearfix">
+  const handleSubmit  = () => {}
+  return (<>
 	 <pre> {JSON.stringify(torrents, null, 4)} </pre>
-	</div>
-  );
+   
+   <Form
+     onSubmit={handleSubmit}
+     // validate={}
+     /* initialValues={} */
+     render={({ handleSubmit }) => (
+       <form onSubmit={handleSubmit}>
+         <h2>Configure Qbittorrent</h2>
+         
+       </form>
+     )}
+   />
+  
+  </>);
 };
 
 export default QbittorrentConnectionForm;

src/client/context/QbitTorrentContext.tsx

@@ -1,8 +0,0 @@
-import React, { createContext, useEffect, useState } from "react";
-import { useDispatch, useSelector } from "react-redux";
-
-
-export const QbitTorrentContextProvider = ({ children }) => {
-	
-	
-}