NTP Reiter/Tab erstellt

pages/einstellungen.tsx

@@ -5,6 +5,7 @@ import { fetchSystemSettingsThunk } from "../redux/thunks/fetchSystemSettingsThu
 import GeneralSettings from "../components/main/settingsPageComponents/GeneralSettings";
 import OPCUAInterfaceSettings from "../components/main/settingsPageComponents/OPCUAInterfaceSettings";
 import DatabaseSettings from "../components/main/settingsPageComponents/DatabaseSettings";
+import NTPSettings from "../components/main/settingsPageComponents/NTPSettings";
 
 export default function Settings() {
   const [activeTab, setActiveTab] = useState("tab1");
@@ -48,6 +49,16 @@ export default function Settings() {
         >
           Datenbank
         </button>
+        <button
+          className={`px-4 py-2 ${
+            activeTab === "tab4"
+              ? "border-b-2 border-blue-500 text-blue-500"
+              : ""
+          }`}
+          onClick={() => setActiveTab("tab4")}
+        >
+          NTP
+        </button>
       </div>
 
       {/* Tab-Inhalt */}
@@ -55,6 +66,7 @@ export default function Settings() {
         {activeTab === "tab1" && <GeneralSettings />}
         {activeTab === "tab2" && <OPCUAInterfaceSettings />}
         {activeTab === "tab3" && <DatabaseSettings />}
+        {activeTab === "tab4" && <NTPSettings />}
       </div>
     </div>
   );