🔧 Fixed a port check

src/client/components/Settings.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useCallback, ReactElement } from "react";
 import { AirDCPPSettingsForm } from "./AirDCPPSettings/AirDCPPSettingsForm";
 import { AirDCPPHubsForm } from "./AirDCPPSettings/AirDCPPHubsForm";
+import { SystemSettingsForm } from "./SystemSettings/SystemSettingsForm";
 import settingsObject from "../constants/settings/settingsMenu.json";
 import { isEmpty, isUndefined, map } from "lodash";
 import { useDispatch, useSelector } from "react-redux";
@@ -37,6 +38,14 @@ export const Settings = (props: ISettingsProps): ReactElement => {
         </>
       ),
     },
+    {
+      id: "flushdb",
+      content: (
+        <>
+          <SystemSettingsForm settings={airDCPPClientSettings} />
+        </>
+      ),
+    },
   ];
   return (
     <section className="container">

src/client/components/SystemSettings/SystemSettingsForm.tsx

@@ -0,0 +1,9 @@
+import React, { ReactElement } from "react";
+
+export const SystemSettingsForm = (settingsObject): ReactElement => {
+  const { settings } = settingsObject;
+
+  return <div className="mt-4 is-clearfix"></div>;
+};
+
+export default SystemSettingsForm;

src/client/constants/settings/settingsMenu.json

@@ -57,6 +57,17 @@
   },
   {
     "id": 4,
+    "category": "system",
+    "displayName": "System",
+    "children": [
+      {
+        "id": "flushdb",
+        "displayName": "Flush DB & Temporary folders"
+      }
+    ]
+  },
+  {
+    "id": 5,
     "category": "acknowledgments",
     "displayName": "Acknowledgments",
     "children": [