From 5a83c4a282c21fd57ec9d5cd60e000bb13f1d215 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 5 May 2025 13:44:26 +0200
Subject: [PATCH] =?UTF-8?q?Datenbank=20leeren=20und=20l=C3=B6schen=20nur?=
 =?UTF-8?q?=20mit=20admin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DatabaseSettings.tsx                      | 56 +++++++++++--------
 config/webVersion.ts                          |  2 +-
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/components/main/settingsPageComponents/DatabaseSettings.tsx b/components/main/settingsPageComponents/DatabaseSettings.tsx
index 3f60f3a..060f434 100644
--- a/components/main/settingsPageComponents/DatabaseSettings.tsx
+++ b/components/main/settingsPageComponents/DatabaseSettings.tsx
@@ -5,35 +5,19 @@ import handleClearDatabase from "./handlers/dbHandlers/handleClearDatabase";
 import handleClearConfig from "./handlers/dbHandlers/handleClearConfig";
 import handleClearMessages from "./handlers/dbHandlers/handleClearMessages";
 import handleClearLogger from "./handlers/dbHandlers/handleClearLogger";
+import { useAdminAuth } from "./hooks/useAdminAuth";
 
 const DatabaseSettings: React.FC = () => {
+  const { isAdminLoggedIn } = useAdminAuth(true);
   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-4">
-        Datenbank Einstellungen
-      </h2>
-
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-        <button
-          type="button"
-          onClick={handleClearDatabase}
-          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
-        >
-          Datenbank vollständig leeren
-        </button>
-
-        <button
-          type="button"
-          onClick={handleClearConfig}
-          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
-        >
-          Konfiguration löschen
-        </button>
+    <div className="p-6 bg-gray-100 max-w-5xl mr-auto rounded shadow">
+      <h2 className="text-lg font-bold mb-6">Datenbank Einstellungen</h2>
 
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
         <button
           type="button"
           onClick={handleClearMessages}
-          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
+          className="bg-littwin-blue text-white px-4 py-2 rounded shadow hover:bg-blue-700"
         >
           Meldungen löschen
         </button>
@@ -41,11 +25,37 @@ const DatabaseSettings: React.FC = () => {
         <button
           type="button"
           onClick={handleClearLogger}
-          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
+          className="bg-littwin-blue text-white px-4 py-2 rounded shadow hover:bg-blue-700"
         >
           Messwerte Logger löschen
         </button>
       </div>
+
+      {isAdminLoggedIn && (
+        <div className="mt-8 border-t pt-6">
+          <h3 className="text-md font-semibold mb-4 text-red-700">
+            ⚠️ Nur für Administratoren
+          </h3>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <button
+              type="button"
+              onClick={handleClearDatabase}
+              className="bg-red-600 text-white px-4 py-2 rounded shadow hover:bg-red-700"
+            >
+              Datenbank vollständig leeren
+            </button>
+
+            <button
+              type="button"
+              onClick={handleClearConfig}
+              className="bg-red-600 text-white px-4 py-2 rounded shadow hover:bg-red-700"
+            >
+              Konfiguration löschen
+            </button>
+          </div>
+        </div>
+      )}
     </div>
   );
 };
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 5010225..d7aed6d 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.359";
+const webVersion = "1.6.360";
 export default webVersion;