Version 1.0.6.1

pages/dashboard.tsx

@@ -209,7 +209,7 @@ function Dashboard() {
                 className="text-xl lg:text-base text-blue-400"
               />
               <p className="text-sm sm:text-xs md:text-sm lg:text-base text-gray-600">
-                <span className="font-bold"></span> Webserverversion: 1.0.6.0
+                <span className="font-bold"></span> Webserverversion: 1.0.6.1
               </p>
             </div>
           </div>

pages/settings.tsx

@@ -1,5 +1,41 @@
-import React from "react";
+import React, { useState } from "react";
+import GeneralSettings from "../components/settingsPageComponents/generalSettings";
+import OPCUAInterfaceSettings from "../components/settingsPageComponents/OPCUAInterfaceSettings";
 
 export default function Settings() {
-  return <div>Settings</div>;
+  const [activeTab, setActiveTab] = useState("tab1");
+
+  return (
+    <div className="p-4">
+      {/* Tab-Navigation */}
+      <div className="flex border-b border-gray-200">
+        <button
+          className={`px-4 py-2 ${
+            activeTab === "tab1"
+              ? "border-b-2 border-blue-500 text-blue-500"
+              : ""
+          }`}
+          onClick={() => setActiveTab("tab1")}
+        >
+          Allgemeine Einstellung
+        </button>
+        <button
+          className={`px-4 py-2 ${
+            activeTab === "tab2"
+              ? "border-b-2 border-blue-500 text-blue-500"
+              : ""
+          }`}
+          onClick={() => setActiveTab("tab2")}
+        >
+          OPCUA
+        </button>
+      </div>
+
+      {/* Tab-Inhalt */}
+      <div className="mt-4">
+        {activeTab === "tab1" && <GeneralSettings />}
+        {activeTab === "tab2" && <OPCUAInterfaceSettings />}
+      </div>
+    </div>
+  );
 }