From 1d76961cc90996afb40e71a05eac52be6b11a93b Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Fri, 25 Apr 2025 08:07:31 +0200
Subject: [PATCH] Datenbank Reiter  in der Einstellungen-Seite

---
 apiMockData/SERVICE/SystemMockData.js         |  2 +-
 .../DatabaseSettings.tsx                      | 32 +++++++++++++++++++
 .../GeneralSettings.tsx                       |  8 +----
 config/webVersion.ts                          |  2 +-
 pages/einstellungen.tsx                       | 12 +++++++
 5 files changed, 47 insertions(+), 9 deletions(-)
 create mode 100644 components/main/settingsPageComponents/DatabaseSettings.tsx

diff --git a/apiMockData/SERVICE/SystemMockData.js b/apiMockData/SERVICE/SystemMockData.js
index 4572028..03ae4c3 100644
--- a/apiMockData/SERVICE/SystemMockData.js
+++ b/apiMockData/SERVICE/SystemMockData.js
@@ -1,6 +1,6 @@
 // /apiMockData/SERVICE/SystemMockData.js
 var win_appVersion = "0.02";
-var win_deviceName = "CPLV4_Maschen";
+var win_deviceName = "CPLV4_Ismail_Mockup";
 var win_mac1 = "0 48 86 81 46 143";
 var win_ip = "10.10.0.243";
 var win_subnet = "255.255.255.0";
diff --git a/components/main/settingsPageComponents/DatabaseSettings.tsx b/components/main/settingsPageComponents/DatabaseSettings.tsx
new file mode 100644
index 0000000..f2868c6
--- /dev/null
+++ b/components/main/settingsPageComponents/DatabaseSettings.tsx
@@ -0,0 +1,32 @@
+// /components/main/settingsPageComponents/DatabaseSettings.tsx
+"use client";
+import React from "react";
+import handleClearDatabase from "./handlers/handleClearDatabase";
+
+const DatabaseSettings: React.FC = () => {
+  return (
+    <div className="p-6 md:p-3 bg-gray-100 max-w-5xl mr-auto">
+      <h2 className="text-sm md:text-md font-bold mb-2">
+        Datenbank Einstellungen
+      </h2>
+
+      <div className="mb-3">
+        <p className="text-xs text-gray-700 mb-2">
+          Datenbankfunktionen wie Löschen, Export oder Reset. Weitere Funktionen
+          folgen.
+        </p>
+
+        {/* ✅ Button: Datenbank leeren */}
+        <button
+          type="button"
+          onClick={handleClearDatabase}
+          className="bg-red-500 text-white px-3 py-1 rounded text-xs"
+        >
+          Datenbank leeren
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default DatabaseSettings;
diff --git a/components/main/settingsPageComponents/GeneralSettings.tsx b/components/main/settingsPageComponents/GeneralSettings.tsx
index 851d7cc..ee7e8e6 100644
--- a/components/main/settingsPageComponents/GeneralSettings.tsx
+++ b/components/main/settingsPageComponents/GeneralSettings.tsx
@@ -256,13 +256,7 @@ const GeneralSettings: React.FC = () => {
           >
             Neustart CPL
           </button>
-          <button
-            type="button"
-            className="bg-littwin-blue text-white px-2 py-1 rounded text-xs w-full md:w-auto"
-            onClick={() => handleClearDatabase()}
-          >
-            Datenbank leeren
-          </button>
+
           <button
             type="button"
             className="bg-littwin-blue text-white px-2 py-1 rounded text-xs w-full md:w-auto"
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 00a58ab..8729f29 100644
--- a/config/webVersion.ts
+++ b/config/webVersion.ts
@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.274";
+const webVersion = "1.6.275";
 export default webVersion;
diff --git a/pages/einstellungen.tsx b/pages/einstellungen.tsx
index 15851bc..7405750 100644
--- a/pages/einstellungen.tsx
+++ b/pages/einstellungen.tsx
@@ -4,6 +4,7 @@ import { useAppDispatch } from "../redux/store";
 import { fetchSystemSettingsThunk } from "../redux/thunks/fetchSystemSettingsThunk";
 import GeneralSettings from "../components/main/settingsPageComponents/GeneralSettings";
 import OPCUAInterfaceSettings from "../components/main/settingsPageComponents/OPCUAInterfaceSettings";
+import DatabaseSettings from "../components/main/settingsPageComponents/DatabaseSettings";
 
 export default function Settings() {
   const [activeTab, setActiveTab] = useState("tab1");
@@ -37,12 +38,23 @@ export default function Settings() {
         >
           OPCUA
         </button>
+        <button
+          className={`px-4 py-2 ${
+            activeTab === "tab3"
+              ? "border-b-2 border-blue-500 text-blue-500"
+              : ""
+          }`}
+          onClick={() => setActiveTab("tab3")}
+        >
+          Datenbank
+        </button>
       </div>
 
       {/* Tab-Inhalt */}
       <div className="mt-4">
         {activeTab === "tab1" && <GeneralSettings />}
         {activeTab === "tab2" && <OPCUAInterfaceSettings />}
+        {activeTab === "tab3" && <DatabaseSettings />}
       </div>
     </div>
   );