Datenbank leeren und löschen nur mit admin

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>
   );
 };

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;