🛠 1️⃣ Was wurde erfolgreich ausgelagert?

✔ cryptoUtils.ts → Enthält generateKeyAndIV und generateToken​cryptoUtils
✔ useAdminAuth.ts → Enthält decryptToken, useEffect für Login-Status und logoutAdmin​useAdminAuth
✔ useSystemSettings.ts → Verwaltet Redux-Daten und setzt formValues​useSystemSettings
✔ handleAdminLogin.ts → Enthält handleAdminLogin, um die Login-Logik auszulagern​handleAdminLogin
✔ handleClearDatabase.ts → Handhabt das Löschen der Datenbank​handleClearDatabase
✔ handleReboot.ts → Handhabt den Reboot des CPL​handleReboot
✔ handleSetDateTime.ts → Setzt Datum und Uhrzeit für das System​handleSetDateTime
✔ handleSubmit.ts → Verarbeitet Änderungen und sendet sie an den Server​handleSubmit
✔ users.ts → Enthält die USERS-Konfiguration für den Admin​users

🚀 Das bedeutet:

SettingsModal.tsx ist jetzt nur noch für die UI zuständig.
Alle Geschäftslogik (State, API-Aufrufe, Funktionen) wurde sauber in separate Dateien ausgelagert.
Der Code ist jetzt wartungsfreundlicher und wiederverwendbarer.

components/header/settingsModal/handlers/handleAdminLogin.ts

@@ -0,0 +1,27 @@
+// components/header/settingsModal/handlers/handleAdminLogin.ts
+import bcrypt from "bcryptjs";
+import { generateToken } from "../utils/cryptoUtils";
+import USERS from "../config/users";
+
+const handleAdminLogin = (
+  username: string,
+  password: string,
+  onSuccess: () => void,
+  onError: (errorMsg: string) => void
+) => {
+  const user = USERS.Admin;
+  bcrypt.compare(password, user.password, (err, isMatch) => {
+    if (isMatch) {
+      const token = generateToken(user);
+      sessionStorage.setItem("token", token);
+      localStorage.setItem("isAdminLoggedIn", "true");
+      onSuccess();
+    } else {
+      onError(
+        "Login fehlgeschlagen. Bitte überprüfen Sie Benutzername und Passwort."
+      );
+    }
+  });
+};
+
+export default handleAdminLogin;