⬆️ Bumped @dnd-kit deps

.storybook/main.ts

@@ -7,7 +7,6 @@ const config: StorybookConfig = {
     "@storybook/addon-essentials",
     "@storybook/addon-onboarding",
     "@storybook/addon-interactions",
-    "@storybook/addon-mdx-gfm"
   ],
   framework: {
     name: "@storybook/react-vite",

package.json

@@ -15,10 +15,9 @@
   "author": "Rishi Ghan",
   "license": "MIT",
   "dependencies": {
-    "@bluelovers/fast-glob": "https://github.com/rishighan/fast-glob-v2-api.git",
+    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/core": "^4.0.0",
+    "@dnd-kit/sortable": "^7.0.2",
-    "@dnd-kit/sortable": "^5.0.0",
+    "@dnd-kit/utilities": "^3.2.1",
-    "@dnd-kit/utilities": "^3.2.0",
     "@fortawesome/fontawesome-free": "^6.3.0",
     "@redux-devtools/extension": "^3.2.5",
     "@rollup/plugin-node-resolve": "^15.0.1",
@@ -78,14 +77,13 @@
     "websocket": "^1.0.34"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.3.2",
+    "@storybook/addon-essentials": "^7.4.1",
-    "@storybook/addon-interactions": "^7.3.2",
+    "@storybook/addon-interactions": "^7.4.1",
-    "@storybook/addon-links": "^7.3.2",
+    "@storybook/addon-links": "^7.4.1",
-    "@storybook/addon-mdx-gfm": "^7.3.2",
     "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.3.2",
+    "@storybook/blocks": "^7.4.1",
-    "@storybook/react": "^7.3.2",
+    "@storybook/react": "^7.4.1",
-    "@storybook/react-vite": "^7.3.2",
+    "@storybook/react-vite": "^7.4.1",
     "@storybook/testing-library": "^0.2.0",
     "@tsconfig/node14": "^1.0.0",
     "@types/ellipsize": "^0.1.1",
@@ -117,7 +115,6 @@
     "rimraf": "^4.1.3",
     "sass": "^1.66.1",
     "storybook": "^7.3.2",
-    "tslint": "^6.1.3",
     "tui-jsdoc-template": "^1.2.2",
     "typescript": "^5.1.6"
   },

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

@@ -5,28 +5,30 @@ import { getQBitTorrentClientInfo } from "../../../actions/settings.actions";
 
 export const QbittorrentConnectionForm = (): ReactElement => {
   const dispatch = useDispatch();
-  const torrents = useSelector((state: RootState) => state.settings.torrentsList)
+  const torrents = useSelector(
+    (state: RootState) => state.settings.torrentsList,
+  );
 
   useEffect(() => {
-	  dispatch(getQBitTorrentClientInfo());
+    dispatch(getQBitTorrentClientInfo());
-  }, [])
+  }, []);
-  const handleSubmit  = () => {}
+  const handleSubmit = () => {};
-  return (<>
+  return (
-	 <pre> {JSON.stringify(torrents, null, 4)} </pre>
+    <>
-   
+      <pre> {JSON.stringify(torrents, null, 4)} </pre>
-   <Form
+
-     onSubmit={handleSubmit}
+      <Form
-     // validate={}
+        onSubmit={handleSubmit}
-     /* initialValues={} */
+        // validate={}
-     render={({ handleSubmit }) => (
+        /* initialValues={} */
-       <form onSubmit={handleSubmit}>
+        render={({ handleSubmit }) => (
-         <h2>Configure Qbittorrent</h2>
+          <form onSubmit={handleSubmit}>
-         
+            <h2>Configure Qbittorrent</h2>
-       </form>
+          </form>
-     )}
+        )}
-   />
+      />
-  
+    </>
-  </>);
+  );
 };
 
 export default QbittorrentConnectionForm;