2cc9e6cbe2
- Neuen Tab „Datenbank“ in Einstellungen-Seite eingebaut - Separate Buttons für: - vollständiges Löschen der Datenbank - Konfiguration löschen (DBC1) - Meldungen löschen (DBC2) - Logger-Messwerte löschen (DBC3) - Logik über eigene Handler-Funktionen umgesetzt - „Datenbank leeren“-Button aus GeneralSettings entfernt
54 lines
1.6 KiB
TypeScript
54 lines
1.6 KiB
TypeScript
// /components/main/settingsPageComponents/DatabaseSettings.tsx
|
|
"use client";
|
|
import React from "react";
|
|
import handleClearDatabase from "./handlers/dbHandlers/handleClearDatabase";
|
|
import handleClearConfig from "./handlers/dbHandlers/handleClearConfig";
|
|
import handleClearMessages from "./handlers/dbHandlers/handleClearMessages";
|
|
import handleClearLogger from "./handlers/dbHandlers/handleClearLogger";
|
|
|
|
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-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>
|
|
|
|
<button
|
|
type="button"
|
|
onClick={handleClearMessages}
|
|
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
|
|
>
|
|
Meldungen löschen
|
|
</button>
|
|
|
|
<button
|
|
type="button"
|
|
onClick={handleClearLogger}
|
|
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
|
|
>
|
|
Messwerte Logger löschen
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default DatabaseSettings;
|